<script> var l=0; var imgs; var sum=0; var imgs=new Array(); function chk(){ l--; document.getElementById("aa").innerText=""+((sum-l)*100/sum)+"%" if (l==0){ for (var i=0;i<sum;i++) document.body.innerHTML+="<img src='"+imgs[i].src+"'>" } } if (document.images){ imgs[0]=new Image() imgs[1]=new Image() imgs[2]=new Image() imgs[3]=new Image() imgs[4]=new Image() imgs[5]=new Image() imgs[6]=new Image() imgs[7]=new Image() imgs[0].src="/articleimg/2006/08/3859/01.jpg"; imgs[1].src="/articleimg/2006/08/3859/02.jpg"; imgs[2].src="/articleimg/2006/08/3859/03.jpg"; imgs[3].src="/articleimg/2006/08/3859/04.jpg"; imgs[4].src="/articleimg/2006/08/3859/05.jpg"; imgs[5].src="/articleimg/2006/08/3859/06.jpg"; imgs[6].src="/articleimg/2006/08/3859/07.jpg"; imgs[7].src="/articleimg/2006/08/3859/08.jpg"; }
</script> <body> <div id="aa">0%</div> <script> sum=l=imgs.length; for (var i=0;i<l;i++){ imgs[i].onload=chk; imgs[i].onerror=chk;//无论图片是否加载成功,都执行指定方法 } </script> </body>
效果:
运行代码框
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
经典论坛讨论: http://bbs.blueidea.com/viewthread.php?tid=2110098
出处:蓝色理想
责任编辑:moby
◎进入论坛网页制作、网站综合版块参加讨论
|