我正在尝试确定实现简短加载屏幕的最简洁方法,该屏幕将显示给我的网站访问者,而JavaScript在后台加载一些数据,处理它并相应地更新DOM。
我喜欢blogger.com的主题之一,特别是this one。它似乎完全填满了灰色背景,顶部有一个spinny图像,然后一旦完成所有基础工作就会淡出。
有人碰巧知道他们究竟是如何达到这种效果的吗?我只是在Firebug中闲逛时没有走得太远。看起来它不会被隐藏或从DOM中移除。
谢谢!
答案 0 :(得分:0)
<script type="text/javascript">
function removeOverlay(){
//code to remove the div waiting overlay
}
</script>
<body onload="removeOverlay()">
<div id='mainContainer'>
// this overlay style is in one word ugly, modify it to your style :p
<div id='waitiongOverlay' style='position:absolute;border:1px solid red; background:red; top:0; left:0; width:99%; height:99%; z-index:100;'></div>
</div>
</body>