javascript - Web应用程序加载屏幕

我有一个具有多个树状视图的Web应用程序。当页面加载时，我看到了无序列表，经过一小段等待时间后，树的样式呈现到了DOM中。

是否可以屏蔽Web应用程序，并在屏幕中间设置一个微调框，当页面上的所有内容都完全呈现后，微调框就会消失并且蒙版消失了？有点像半透明的蒙版，您会在灯箱弹出对话框中看到它。

最佳答案

如果它是半透明的，您仍然会看到问题。加

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

在</body>之前。如果设置了其他z索引，则可能需要调整其z索引。

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(); });

关于javascript - Web应用程序加载屏幕，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13537683/