레이어로 Loading 페이지 만들기

 

<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>

로딩중입니다. 부분에 이미지등으로 이쁘게 꾸미시길 바랍니다.

내용은

보이기 전까지 - document.write(layer_str); 하여 레이어를 보이고,

로딩이 끝나면, - ta.style.display='none'; 보이지 않게 하고,

간단한 구조지만, 응용한다면 좋을듯 합니다.

소스는 꽤 오래전에 만들어졌습니다. 상당히 많이 돌아다니고 있죠.