브라우져가 페이지를 읽을때
차례대로 읽습니다.그러면 소스중 맨위에 있는것부터 보여지게 되겠죠..
1번 스크립트가 맨처음 보여 집니다.(레이어 보임)
그런다음 소스가 다읽혀지고 2번스크립트가 실행되면
1번 스크립트에서 보여준 레이어가 사라지게 되는것이지요.(레이어 숨김)
그럼 사용해 보십시다.

먼저 아래 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>
<!------------------------ 여기까지 ②번 스크립트-------------->

출처 : 깜보웹스쿨