jquery隐藏预载

这是我的页面http://equipe94.com/2009e.html

有一些tweek附加到页面（滚动条和箭头）和一些定位

你有办法，完全隐藏一切（只保留背景）..做的事情，并显示完成的页面？

Answer 1

为什么不将css display属性设置为none ，并在文档加载后用JS更改它？ 如果您在页面上使用jQuery ，它可能如下所示：

CSS：

 #mydiv { display: none; } 

JavaScript的：

 $(document).ready(function() { $('#mydiv').show(); }); 

Answer 2

为了补充Calvin的答案，可以通过添加此function预先加载图像：

 $.preloadImages = function() { for(var i = 0; i").attr("src", arguments[i]); } } 

然后告诉它你想要加载哪些图像：

 $.preloadImages("image1.gif", "/path/to/blah.png", "some/other.jpg"); 

为了礼貌，把那些代码放在你加载的东西之前。

Answer 3

之前已经问过这类问题。 你所说的真的不是“预加载” – 它只是在页面完全加载之前阻碍了用户对页面的查看。 它不会使页面加载速度更快。

只需将整个页面放在容器中，然后使用CSS将该容器的显示模式设置为none 。 然后，只要文档准备就绪或最后一个图像已加载，只需将容器的显示模式更改为除none之外的任何其他模式：

 var imgTotal = 10; // total number of images on your page var imgCount = 0; $("img").load(function(){ imgCount++; if (imgCount == imgTotal) $("#container").show(); } 

但是，考虑到您的页面在我的浏览器上加载不到一秒钟，我真的没有看到任何一点。

Answer 4

它不完全是图像，而是改变问题的页面元素……

我有css隐藏的身体，我的jquery的最后一个参数是css：visible

工作很棒.2秒加载，大家出现！

谢谢

Answer 5

我会使用DOM准备将它的显示设置为none，然后在$（window）.load上显示它

否则，如果他们没有启用JS，他们将永远不会看到任何东西！

我注意到你的网站在没有JS的情况下仍然可以查看，干得好！