<head> 사이에 아래 스크립트를 넣습니다 </head>
<script language="javascript">
function onloadevent(){
document.getElementById("loading").style.visibility="hidden"
}
</script>
<body> 안에 onload="onloadevent();" 를 추가합니다.
<body onload="onloadevent();">
<body> 밑에 아래의 소스를 넣습니다. 로딩완료전에 보여질 내용이라고 보시면 됩니다. 로딩이 완료되면 사라집니다.
<div id="loading" style="position:
내용
</div>
+ 적용 예)
<div id="loading" style="position:
<table style='background-color:#FFFFFF; filter: Alpha(Opacity=80);' width="680" height="500" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center"><img src="로딩이미지.gif" border="0"></td>
</tr>
</table>
</div>
'etc.' 카테고리의 다른 글
| 메뉴 네비게이션 인크루드시 페이지인식 , include 페이지인식 , php if문 (0) | 2014.01.16 |
|---|---|
| 절대경로 및 상대경로 개념 (0) | 2014.01.16 |
| 쇼핑몰 상세페이지 아이프레임(iframe) 세로 자동 조절 (0) | 2014.01.16 |
| 롤오버 적용하여 주소창없는 깔끔한 새창띄우기 (0) | 2014.01.16 |
| 이미지맵 주소창없는 깔끔한 새창띄우기 (0) | 2014.01.16 |