[查看演示] 源码如下
----------------------------------------------------------
<html>
<script language=JavaScript>
var load_line_i=1;
var load_line_n=120;
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>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>loading－www.51windows.Net</title>
<style type="text/css">
<!--
body, td, div, table { font-size: 9pt}
#load{font-size: 9pt; cursor: default; position: absolute; display:block;width:402;height:20;top:expression((document.body.clientHeight-50)/2);left:expression((screen.width-400)/2); display: block; z-index:100;background:#EDECE9}
.px1{border: 1px solid black;}
-->
</style>
</head>
<body onload=finish()>
<div id=load>请稍候..
<div class=px1><img id=line src="jsimg/px.gif" height=10 style="background:blue"></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>
</body>
</html>
<div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand">
<input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'></div> |
