首页 > web前端开发 > Javascript开发 > javascript实现在图片读取的时候出现进度条….
2012
11-18

javascript实现在图片读取的时候出现进度条….

<title>JS实现的图片加载进度条_网页代码站(http://www.frontopen.com</title>
<script>
var l=0;
var imgs;
var sum=0;
function chk(){
document.getElementById(“aa”).innerText=””+((sum-l)*100/sum)+”%”
l–;
if (l==0){
for (var i=0;i<imgs.length;i++){
imgs[i].style.display=”;
}
}
}
</script>
<body>
<img src=”/images/wall1.jpg”/>
<img src=”/images/wall2.jpg”/>
<div id=”aa”></div>
<script>
imgs=document.getElementsByTagName(“img”);
sum=l=imgs.length;
for (var i=0;i<l;i++){
imgs[i].onload=chk;
imgs[i].onerror=chk;//无论图片是否加载成功,都执行指定方法
imgs[i].style.display=’none’;
}
</script>
<br />
<p><a href=”ww.frontopen.com”>网页前端代码站.前端开拓者</a></p>
</body>

javascript实现在图片读取的时候出现进度条.... - 第1张  | 前端开拓者

 

最后编辑:
作者:zhoumeng
这个作者貌似有点懒,什么都没有留下。
捐 赠如果您觉得这篇文章有用处,请支持作者!鼓励作者写出更好更多的文章!