Web应用程序加载屏幕

Question

我有一个包含多个树视图的网络应用。当页面加载时，我会看到无序列表，经过一小段延迟后，树的样式将呈现在DOM中。

有没有办法屏蔽webapp，并在屏幕中间有一个微调器，当页面上的所有内容完全渲染时，微调器消失，掩码消失？有点像你在灯箱弹出对话框中看到的半透明面具。

Answer 1

如果它是半透明的，你会看到问题仍然存在。添加

<div id="loadingmask"></div>

在</body>之前

。如果设置了其他z索引，则可能需要调整其z-index。

CSS：

#loadingmask
{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    background:#000 url(yourspinner.gif) center no-repeat;

}

jQ //其他一切都已完成

$('#loadingmask').fadeOut(500, function(){ $(this).remove(); });