显示之前加载网页

时间:2010-01-16 19:56:03

标签: loading

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

问题:

有脚本吗?

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

4 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

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

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

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

答案 2 :(得分:0)

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

答案 3 :(得分:0)

使用此代码:

<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>