Question

通常网页加载图片就像向下滚动一样。我不希望我网站的访问者看到它。我正在寻找一个将加载我的网页的脚本，然后它将完全显示。我已经放置了淡入淡出效果，但图片加载是滚动的，也是我的背景图片。

问题：

有脚本吗？

最好使用的脚本是什么？ PHP还是JavaScript？

Answer 1

这是一种方法，http://developer.yahoo.com/yui/examples/container/panel-loading.html

基本上你可以将内容包装在隐藏的div中，然后在正文的onload事件中取消隐藏。

Answer 2

您可以使用“请稍候...”div覆盖您的页面，并在加载页面时将其淡出。您可以使用JQuery的ready事件来隐藏div。

这样做的缺点是，关闭JavaScript的用户永远不会看到该页面，只会看到“请稍候......”消息。

要让使用JavaScript的用户能够使用它，您必须在文档加载的早期阶段使用Javascript使“请稍候...”div可见，这非常棘手实现。如果您在“请等待”div之后但在实际页面内容之前添加<script>标记，则可能会有效。

Answer 3

或者你可以在页面标题上添加此图片的小副本.. 1x1 px并淡化或隐藏或z-index -100 /浏览器将下载此全尺寸图像

Answer 4

使用此代码：

<body onload="document.getElementById('loading').style.display = 'none';document.getElementById('content').style.display = 'block';">

<div id="loading">Some loading text or icon goes here...</div>

<div id="content" style="display:none;">Main content goes here...</div>

显示之前加载网页

4 个答案: