잠시만 기다려 주세요

HOME   |  여기는?   |  바다물때표   |  여러가지 팁 (837)  |  추천 및 재미 (99)  |  자료실 (18)  |  끄적거림 (486)  |  시나리오 (760)  |  드라마 대본 (248)  |  

2020년 03월 28일
편리한만큼 위험이 뒤따른다. 용도에 맞는 도구에 쓸대없는 호기심을 갖지 말라. 사고는 벗어난 용도와 조심스럽지 못한 행동에서 시작된다. - 바다아이
 




    html/css/xml

html/css/xml - 웹 페이지 로딩화면 넣기, 로딩완료 되기전에 임시 이미지 로딩화면 보여주기, 로딩중
이 름 : 바다아이   |   조회수 : 3857         짧은 주소 : https://www.bada-ie.com/su/?531523094153
loading.gif - 1 KB   다운수 : 63 회




아래 소스를 웹 페이지 <body> 태그 다음 혹은 페이지 최상단에 넣으세요.. 젤 먼저 로딩되어야 해서요...
너무 최상단에 넣으면 css 문제 생길 수 있고 너무 자주 이 화면이 나오면 짜증나는 경우도 있습니다.
가급적 <body> 태그 밑에 넣으시길 권합니다. 페이지 로딩이 아주 길어질 때 나와야 딱 적당하거든요..
로딩중 이미지 하나 첨부해 드립니다.


<div id="loading_oh" style="position:absolute; top:10px; left:10px;">
<table width="1500" height="800" align="center" cellpadding="0" cellspacing="0">
<tr>
    <td align="center"><img src="이미지 경로" border="0"><br><b><font color="black">잠시만 기다려 주세요</font></b></td>
</tr>
</table>
</div>


<script>

function onloadevent(){
    document.getElementById("loading_oh").style.visibility="hidden"
}

window.onload=function()
{
    onloadevent();
}

</script>


p.s
http://www.ajaxload.info/
여기 가보시면 자동으로 몇개 이미지 만들 수 있습니다.
 
| |


      1 page / 2 page
번 호 카테고리 제 목 이름 조회수
42 html/css/xml html tab , .... 바다아이 1382
41 html/css/xml css on/off , toggle switch , 바다아이 1533
40 html/css/xml pt, px, em, %, font 바다아이 1496
39 html/css/xml (font face) 바다아이 1801
38 html/css/xml .... 바다아이 1997
37 html/css/xml html MIME ... 바다아이 1958
36 html/css/xml ckeditor ajax .... 바다아이 1963
35 html/css/xml [] , 바다아이 1971
34 html/css/xml , , , ico 바다아이 1962
33 html/css/xml input , autocomplete 바다아이 2062
32 html/css/xml [CSS] , border-radius, 바다아이 2500
31 html/css/xml ckeditor 4 ... 바다아이 2974
30 html/css/xml HTTP/2 ? 바다아이 2590
29 html/css/xml HTTP/2 ? 바다아이 2409
28 html/css/xml xml .... sitemap.xml 바다아이 2572
27 html/css/xml ckeditor config.js .... 바다아이 2861
26 html/css/xml 바다아이 2684
25 html/css/xml 바다아이 2526
24 html/css/xml , border 바다아이 2513
23 html/css/xml , 바다아이 2519
22 html/css/xml (= HTML ), entity code 바다아이 3213
21 html/css/xml (Won;) (;Backslash; ) , , 바다아이 3124
20 html/css/xml 바다아이 2622
19 html/css/xml / / 바다아이 2933
18 html/css/xml css3 ... demo . ^^; 바다아이 2490
17 html/css/xml mouse over , Hover Fade Effect using CSS 바다아이 4058
16 html/css/xml [html] TD TR , mouse over 바다아이 2911
15 html/css/xml , (marquee) 바다아이 2857
14 html/css/xml scroll , 바다아이 2733
13 html/css/xml ckeditor , , 바다아이 4216
| |






Copyright ⓒ 2001.12. bada-ie.com. All rights reserved.
이 사이트는 리눅스에서 firefox 기준으로 작성되었습니다. 기타 브라우저에서는 다르게 보일 수 있습니다.
[ FreeBSD + GoLang + PostgreSQL ]
서버위치 : 구글 클라우드 플랫폼  실행시간 : 0.02053
to webmaster... gogo sea. gogo sea.