码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2015-09-16 19:50:50      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:

<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实现在图片读取的时候出现进度条….

标签:

原文地址:http://www.cnblogs.com/sprine/p/4813917.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!