首页
网页特效库
网页特效库
导航菜单
按钮表单
背景特效
时间日期
图片特效
鼠标特效
文本操作
窗口页面
状态栏类
警告对话
综合应用
游戏娱乐
首页
>
特效
>
综合应用
> 正文
简单的页面进度条效果
2009-12-24 综合应用 184℃
<html> <head> <title>简单的页面进度条效果</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta http-equiv="Refresh" content="20;url=http://www.zlcool.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 www.zlcool.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.zlcool.com/">www.zlcool.com</a>]</font> </p> </body> </html>
相关特效代码
无相关信息
热门特效代码
腾讯天气预报的JS代码
点击“添加收藏”代码
多款表格边框单元格特殊效果代码
CSS 横向图片列表
网站连接速度测试JavaScript代码
用CSS为表格添加阴影效果
综合搜索引擎代码
超级计数器网页特效代码
强迫访问广告链接代码
nVida 网站图片滑动切换代码
推荐特效代码
强迫访问广告链接代码
点击“添加收藏”代码
CSS 横向图片列表
常用的对联广告带关闭功能
极品仿windows进度条效果
漂亮的触发行变色代码