본문 바로가기
IT 인터넷

[스크립트]<페이지 로딩중> 메세지 넣기!!

by zzom~ 2024. 8. 17.
반응형

로딩표시 나타내기 스크립트 입니다. 
어떻게 동작하느냐..브라우져가 페이지 소스를 읽을때 차례대로 읽습니다.
그러면 소스중 맨위에 있는것부터 보여지게 되겠죠.. 
1번 스크립트가 맨처음 보여 집니다.(레이어 보임) 
그런다음 소스가 다읽혀지고 2번스크립트가 실행되면 1번 스크립트에서 보여준 레이어가 사라지게 되는것이지요.(레이어 숨김)  

먼저 아래 스크립트를 소스의 맨위에 넣습니다. html상단에..넣으면 될듯.

1번 스크립트 :

<div id="suldowait" height="높이" width="넓이" style="position:absolute; visibility:hidden"> 로딩중에 들어갈 텍스트, 이미지..모두 가능합니다. </div>

<script language="Javascript">
wb = document.body.offsetHeight/2 - suldowait.offsetHeight/2  
wp = document.body.offsetWidth/2 -suldowait.offsetWidth/2   suldowait.style.top=wb   suldowait.style.left=wp   suldowait.style.visibility="visible"
</script>



그런다음 아래 스크립트를 소스의 맨아래에 넣습니다. 하단에..

2번 스크립트 :

<script language="Javascript"> suldowait.style.visibility="hidden" </script>



아주 잘 되는군요..

반응형