当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 贴一例:当所有图片下载完毕时，然后显示网页(有进度)

Javascript
javascript 写类方式之九
javascript 写类方式之十
javascript 浏览器判断 绑定事件 arguments 转换数组 数组遍历
jquery BS,dialog控件自适应大小
javascript 面向对象思想 附源码
js 日期转换成中文格式的函数
JavaScript 对象、函数和继承
JavaScript 解析读取XML文档
javascript获取表格 td 中的内容
javascript xml为数据源的下拉框控件
jQuery 1.3 和 Validation 验证插件1.5.1
javascript 字符 Escape,encodeURI,encodeURIComponent
jquery text,radio,checkbox,select操作实现代码
JavaScript 继承的实现
JS 数组 移除 实现代码
javascript eval()应用实例 select
javascript 焦点的两个问题
JS 巧妙获取剪贴板数据 Excel数据的粘贴
Jquery 组合form元素为json格式,asp.net反序列化
window.onload 加载完毕的问题及解决方案（上）

No. « 144 145 146 147 »

技术文章搜索

关键字

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

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-08-10   浏览: 289 ::
收藏到网摘: n/a

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

随便写的,没仔细检测,实际应用时大家根据需要在完善吧.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="/A-A-A/2005/07/17/20050717100742101437_1.gif">;
<img src="/A-A-A/2005/07/17/20050717100742101435_2.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="/A-A-A/2005/07/17/20050717100742101436_3.gif">;
<img src="/A-A-A/2005/07/17/20050717100742101433_4.gif">;