开发学院网页设计 JavaScript 贴一例:当所有图片下载完毕时，然后显示网页(有进... 阅读

贴一例:当所有图片下载完毕时，然后显示网页(有进度)

　2007-11-27 17:15:39　来源：WEB开发网　　　

核心提示：<body style=display:none><TABLE id= bgcolor= cellspacing=2 ce

<!--在下载进度那一块由于过快,看不太出来,但你可以多添加几十副图片就可以了

随便写的,没仔细检测,实际应用时大家根据需要在完善吧.WIN2003+IE6测试通过-->

<body style=display:none>
<TABLE id= bgcolor= cellspacing=2 cellpadding=2 border=1 width=100 height=100>
<TR><TD>fdsafd</TD><TD>fdafd</TD></TR><TR><TD>fdaf</TD><TD>fdsadfas</TD></TR></TABLE>
<img src=http://www.lshdic.com/bbs/image/user24.gif>;
<img src=http://www.lshdic.com/bbs/image/user25.gif>;
<img src=http://www.lshdic.com/bbs/image/huitie.jpg>;
<script>　　　　 //原作风云舞,date 2003-8-16
//建议运行时,删除脱机图片文件
document.body.style.display=none
for(i=0;i<100;i++){
document.write (其他HTML内容)
}
function jiancha(){
for(i=0;i<document.images.length-1;i++){
if(document.images[i].readyState!=complete){document.title=下载进度:+document.images.length + / + (i+1);break}
}
if(i!=document.images.length-1){return false}else{document.title=下载进度:+document.images.length + / +(i+1);return true}
}
time1=setInterval(if(jiancha()){alert(图片下载完成);document.body.style.display=;clearInterval(time1);},100)
</script>
<img src=http://www.lshdic.com/bbs/image/user26.gif>;
<img src=http://www.csdn.net/images/Homeother/rjsa3.GIF>;