<script type="text/javascript">
function loading_st(){
var ct_left = (parseInt(window.screen.width)-450)/2;
var ct_top = (parseInt(window.screen.height))/3;
layer_str = "<div id='loading_layer' style='position:absolute; background-color:; font-size:12px; left:"+ct_left+"px; top:"+ct_top+"px; width:400px; height:; padding:50px; text-align:center; vertical-align:middle; z-index:1000; font-weight: bold;'>로딩중입니다.</div>"
document.write(layer_str);
}
function loading_ed(){
var ta =document.getElementById('loading_layer');
ta.style.display='none';
}
loading_st();
window.onload = loading_ed;
</script>
... 말이 필요 없습니다.
그냥 "로딩중입니다." 라는 글자를 페이지가 바뀌면 보여줍니다.
페이지를 다 읽으면 감춥니다.
다른거 다 필요 없고 위 스크립트를 페이지의 상단에 붙여 넣으면 됩니다.
(될 수 있으면 body 바로 밑에 붙여주세요.)
--------------------------------------------------------=----------
응용하면 로딩 중일 때는 타이틀도 바꿀 수도 있겠죠.
DIV를 크게 하면 클릭도 못하게 할 수도 있죠.(뭐 이벤트 잡는 방법도 있지만...)
-------------------------------------------=-----------------------
좀 간단해서 올려보네요 . 따로 위치정하시려면 left:"+ct_left+"px; top:"+ct_top+"px; 이부분을 eft:800px; top:100px;이런식으로 수정하시면 됩니다.
추천 : 