⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 loading制作.htm

📁 javascript编程的组件
💻 HTM
📖 第 1 页 / 共 2 页
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0048)http://fason.nease.net/code/js/loading/load1.htm -->
<HTML><HEAD><TITLE>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>

<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2800.1106" name=GENERATOR>
<META content=FrontPage.Editor.Document name=ProgId>
<STYLE type=text/css>BODY {
	FONT-SIZE: 9pt
}
TD {
	FONT-SIZE: 9pt
}
DIV {
	FONT-SIZE: 9pt
}
TABLE {
	FONT-SIZE: 9pt
}
#load {
	DISPLAY: block; FONT-SIZE: 9pt; Z-INDEX: 100; BACKGROUND: #edece9; ; LEFT: expression((screen.width-400)/2); WIDTH: 402px; CURSOR: default; POSITION: absolute; ; TOP: expression((document.body.clientHeight-50)/2); HEIGHT: 20px
}
.px1 {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid
}
</STYLE>
</HEAD>
<BODY onload=finish()>
<DIV id=load>请稍候.. 
<DIV class=px1><IMG id=line style="BACKGROUND: red" height=10 src=""></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>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -