HTML loadingpageàlablogger.com

时间:2013-02-16 09:06:52

标签: html css

我正在尝试确定实现简短加载屏幕的最简洁方法,该屏幕将显示给我的网站访问者,而JavaScript在后台加载一些数据,处理它并相应地更新DOM。

我喜欢blogger.com的主题之一,特别是this one。它似乎完全填满了灰色背景,顶部有一个spinny图像,然后一旦完成所有基础工作就会淡出。

有人碰巧知道他们究竟是如何达到这种效果的吗?我只是在Firebug中闲逛时没有走得太远。看起来它不会被隐藏或从DOM中移除。

谢谢!

1 个答案:

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