Javascript Web应用程序加载屏幕

我有一个web应用程序，它有几个树视图。当页面加载时，我会看到无序的列表，经过一小段延迟后，树的样式就会呈现到DOM中

---

有没有办法屏蔽WebApp，在屏幕中间有一个旋转器，当页面上的所有东西都被完全渲染时，旋转者消失了，面具消失了？有点像在lightbox弹出对话框中看到的半透明遮罩。

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

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

jQ//当其他一切都完成时

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

---

​

您可以使用CSS在JavaScript加载时创建一个div。如果需要微调器图标，请参见。它是否等待css中的背景图像？或者它只是加载html、css、js内容？不，它不等待。如果页面在微调器加载之前就准备好了，为什么要让用户等待微调器加载呢？我的意思不是“加载掩码元素”的背景。我的意思是css文件中的所有背景图像，必须加载以查看整个页面。在我的例子中，我有一个应用程序，它在css中使用了很多图形元素作为背景。所以，若我创建加载屏幕，它必须加载css文件中使用的所有图像。

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