网页或文件加载Loading进度条效果之一

2007-03-08　源自:IT粉丝网　网友评论 0 条　进入视频教程

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>网页<a href='http://www.itfensi.com/exploit/web/' target='_blank' class='infotextkey'>特效</a>|itfensi.com/Js|---网页或文件加载Loading进度条效果之一</title><script language=JavaScript>var load_line_i=1;var load_line_n=500;function load_n(txt){load_line_i+=400/load_line_n;window.status="请等待..已完成"+Math.floor(load_line_i/4.00)+"%";load_txt.innerText=txt+" "+Math.floor(load_line_i/4.00)+"%";document.all("line").width=load_line_i;}function finish(){if(confirm("已经下载完成..关闭对话框吗?"))document.all("load").style.display='none';}</script><style type="text/css"></style></head><body onload=finish()><div  id=load>请稍候..<div class=px1><img  id=line src="http://www.jscode.cn/JsHtml/px.gif" style="background:red" height=10></div><div id=load_txt>dd</div></div><!-因为这是个测试页,所以加了很多,效果更好一些--><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script><script>load_n("已完成:");</script></body></html>

提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效。

上一篇：一个立体页面效果的特效
下一篇：网页或文件加载Loading进度条效果之二

内容评论文章纠错发送朋友收藏本文

复制本文链接(URL)发送给朋友：

网页或文件加载Loading进度条效果之一

相关内容

开发频道推荐

开发热点文章