关闭

网页载入效果,跳转另一页面代码

295人阅读 评论(0) 收藏 举报
分类:
网页载入效果,跳转另一页面代码 - cuiruijunphp - 格式化。。。
代码如下:

 <html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>正在进入</title>
</head>
<body>
<form name=loading>
<p align=center> <font color="#0066ff" size="2">正在进入,请稍等</font><font color="#0066ff" size="2" face="Arial">...</font>
<input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:#0066ff; background-color:#fef4d9; padding:0px; border-style:none;">

<input type=text name=percent size=47 style="color:#0066ff; text-align:center; border-width:medium; border-style:none;">
<script> 
var bar=0 
var line="||" 
var amount="||" 
count() 
function count(){ 
bar=bar+1 
amount =amount + line 
document.loading.chart.value=amount 
document.loading.percent.value=bar+"%" 
if (bar<99) 
{setTimeout("count()",100);} 
else 
{window.location = "http://www.baidu.com";} 
}</script>
</p>
</form>
<p align="center"> 如果您的浏览器不支持跳转,<a style="text-decoration: none" href="http://www.baidu.com"><font color="#FF0000">请点这里</font></a>.</p>
</body>
</html>

另外附上setTimeout用法及函数参数

setTimeout(codes, interval);
codes -- 代码段的字符串表示(与eval函数的参数相同),或者是匿名函数、函数名
interval -- 等待的毫秒数(通常用于产生动画效果)

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:43611次
    • 积分:1128
    • 等级:
    • 排名:千里之外
    • 原创:74篇
    • 转载:2篇
    • 译文:0篇
    • 评论:2条
    文章分类
    最新评论