2

我想知道如何影响我身体中的哪些元素首先加载。对于我的问题：我的网站上有一个类似于窗帘（a <div>with background-image）的东西作为覆盖，如果页面被加载，它会触发一个函数来.animate()关闭该窗帘。之后，您会看到包含所有元素（很多）的页面。

当我进入我的站点时，我会看到幕后的一些元素，因为它们比我的 div 的背景图像加载得更快。

我的标记是这样的：

<body>
   <div id="curtain"></div>
   <!-- after that all other elements -->
</body>

如您所见，我已将窗帘 div 作为正文中的第一个元素，但它不起作用。

我如何保证#curtain先加载，然后再加载所有其他元素，我之前不会看到它们。

谢谢

4

1 回答 1

0

首先，您应该使用父容器包装所有其他元素，默认情况下使用 javascript 隐藏它们。确保您使用 javascript 来执行此操作，因为如果有人没有激活 javascript 而您将使用 css 执行此操作，他们可能什么也看不到。

然后，您可以再次使用 javascript，在窗帘离开屏幕时设置超时或更安全的方式，检查图像是否已加载，然后触发您的动画功能。

于 2013-06-30T17:32:48.610 回答