0

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

我喜欢 blogger.com 对其主题之一所做的事情,特别是这个主题。它似乎完全用灰色背景填充屏幕,顶部有一个旋转图像,然后在所有基础工作完成后淡出。

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

谢谢!

4

1 回答 1

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>
于 2013-02-16T09:20:07.233 回答