简单的页面进度条效果

<html>
<head>
<title>简单的页面进度条效果</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta http-equiv="Refresh" content="20;url=http://www.qpsh.com">
<style>
td {font-size: 10.5pt; color: 147e19; font-family: Courier New;}
</style>
</head>
<body bgcolor="#FFFFFF">
<br><br><br><br>
<center>
<table width=500 border=0>
<tr><td>
<br>
<table align=left><tr><td width=1 bgcolor=#99ccff height=5 id=Ratio></td></tr></table>
<!--将上面一行的align=left换成right或center，看看效果如何-->
</td></tr>
<tr><td bgcolor=eeeeee> 20秒后返回首页</td></tr>
</table></center>
<p align="center">
<script language="javascript">

ShowRatio();
function ShowRatio()
{
var intTimer=40; //进度条增长速度
var intAddwidth=1; //每次增长的长度，最小为1
var intMaxWidth=500; //最大宽度
//以上两个数值需要根据你的进度条总宽和延迟时间决定，例如：　本页的进度条长度为500，需要在20秒后刷新或离开本页，则
// by http://www.qpsh.com/
//intAddwidth=(20*1000)/500=40.当然，可以让intAddwidth=80,intTimer=2，请试一试。
var rw;
if (Ratio.width=="") Ratio.width=1;
rw=parseInt(Ratio.width);
Ratio.width=rw+intAddwidth;
if (rw+10<intMaxWidth) setTimeout("ShowRatio()",intTimer);
}
</script>

<font style="font-size: 9pt" color="#808080">转自：网页特效园地[<a target="_blank" href="http://www.qpsh.com/%22%3Ewww.qpsh.com%3C/a%3E]%3C/font>
</p>
</body>
</html>

 

 

<form name=loading>
<P align=center>　</P>
<P align=center> 感谢新老用户的支持，网页特效网全新改版后隆重登场！</P>
<P align=center>　</P>
<P align=center><FONT face=Arial color=#0066ff size=2>已经完成：</FONT>   
<INPUT style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bolder; PADDING-BOTTOM: 0px; COLOR: #0066ff; BORDER-TOP-style: none; PADDING-TOP: 0px; FONT-FAMILY: Arial; BORDER-RIGHT-style: none; BORDER-LEFT-style: none; BACKGROUND-COLOR: white; BORDER-BOTTOM-style: none" size=46 name=chart>
    <BR>
    <INPUT
style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; COLOR: #0066ff; BORDER-BOTTOM: medium none; TEXT-ALIGN: center"
size=47 name=percent>
    <script>
var bar=0
var line="||"
var amount="||"
count()
function count(){
bar=bar+2
amount =amount + line
document.loading.chart.value=amount
document.loading.percent.value=bar+"%"
if (bar<99)
{setTimeout("count()",100);}
else
{window.location = "http://www.qpsh.com/";}
}</SCRIPT>
</P>
</form>

Posted on 2008-10-30 13:09  Yongming Ye  阅读(174)  评论(0)    收藏  举报