读书人

请教资源如图片加载之前的加载效果是如

发布时间: 2012-02-15 12:09:43 作者: rapoo

请问资源如图片加载之前的加载效果是怎么做的? - Web 开发 / Ajax
就是网站刚进去的时候如果资源没有下载下来。。

会显示一个加载图标

这效果是怎么做的啊。。。

给个例子吧。

[解决办法]
这个需要判断图片加载状态。用ajax的话很好判断。
在正在加载的状态下,你写一个正在加载的样式。加载完成后去掉样式就是了。
[解决办法]

HTML code
<img id="imgWait" src="正在加载等待的图片路径"/><div id="dvAll" style="display:none">全部内容放入此div</div><!--默认隐藏--><script>window.onload=function(){  document.getElementById("dvAll").style.display="block";//显示内容  document.getElementById("imgWait").style.display="none";//隐藏等待图片}</script>
[解决办法]
探讨
HTML code
<img id="imgWait" src="正在加载等待的图片路径"/>
<div id="dvAll" style="display:none">全部内容放入此div</div><!--默认隐藏-->

<script>
window.onload=function(){
document.getElementById("dvAll").style.disp……

[解决办法]
var id = document.ElementById('box');
id.html('<div class="loading"></div>');

$.ajax(
//
.....
id.html(data);
)
[解决办法]
探讨
引用:
HTML code
<img id="imgWait" src="正在加载等待的图片路径"/>
<div id="dvAll" style="display:none">全部内容放入此div</div><!--默认隐藏-->

<script>
window.onload=function(){
document.getElementById("……

读书人网 >Ajax

热点推荐