如何使页面未加载完时显示其他内容?

handsome0916 2007-05-15 08:02:19

如何使页面未加载完时显示其他内容?

例如我的网站有很多按比例缩放的图片,假如还没加载完会很难看.我想还没有全部加载完就显示"loading....................."加载完才显示,应该怎么样?

...全文

324 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

yixianggao 2007-05-15

打赏
举报

再发个对比版本，哈

<body>
<div style="border: 1px solid blue; width: 150px; height: 60px;">
<span id="spaLoading">Loading ...</span>
<IMG SRC="http://www.csdn.net/ui/styles/public_header_footer/logo_csdn.gif" style="display: none" onload="document.all.spaLoading.style.display = 'none'; this.style.display = 'block';">
</div>
<div style="border: 1px solid blue; width: 150px; height: 60px;">
<span id="spaLoading2">Loading ...</span>

<IMG SRC="http://www.csdn.net/ui/styles/public_header_footer/logo_csdn.jpg" style="display: none" onload="document.all.spaLoading2.style.display = 'none'; this.style.display = 'block';">
</div>
</body>

yixianggao 2007-05-15

打赏
举报

俺好像答跑题了，哈

受 zhaoxiaoyang(梅雪香@深圳) 的启发，写个简单实现！

L@_@K!

<body>
<div style="border: 1px solid blue; width: 150px; height: 60px;">
<span id="spaLoading">Loading ...</span>
<IMG SRC="http://www.csdn.net/ui/styles/public_header_footer/logo_csdn.gif" style="display: none" onload="document.all.spaLoading.style.display = 'none'; this.style.display = 'block';">
</div>
</body>

yixianggao 2007-05-15

打赏
举报

JS 能起的作用很小，因为 JS 没有网络加速器的功能！

LZ 需要认真设计！

给几条建议：

1 减少页面内容，即减小页面尺寸，从而提高页面加载速度！

2 更换网络空间提供商，当然要换服务器更快的！

3 提高网络接入速度，56K 猫与 2M ADSL 的加载肯定是天壤之别！

4 搜索相关页面优化技巧！