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

但我的html数据本身就是用html动态取回来的,例如取回<img src='aa.jpg'>,再显示,显示的时候就会有一段时间处于图片加载状态,无法缩放

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

img是有onload事件的,绑定onload事件一个函数,代码是一个读数器,当计数器达到图片数量的时候,把loading的东西隐藏就行了.
JS 能起的作用很小，因为 JS 没有网络加速器的功能！LZ 需要认真设计！给几条建议：1 减少页面内容，即减小页面尺寸，从而提高页面加载速度！2 更换网络空间提供商，当然要换服务器更快的！3 提高网络接入速度，56K 猫与 2M ADSL 的加载肯定是天壤之别！4 搜索相关页面优化技巧！
俺好像答跑题了，哈受 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>
再发个对比版本，哈 <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>