·首页 >> 网友交流 >> 网页自动跳转代码 html

 



网页自动跳转代码 html



(本资料收集于网络,仅供参考)

◇ 《子夜星》网站整理编注 ◇


  如下是网友推荐的针对网页自动跳转的经典代码。使用时,请将代码里的“www.ziyexing.com”替换成你的网址即可。
  代码可放在主页中任意选定的位置。或直接做为网页使用。注意,不要直接将从网页中复制的代码插入到编辑器的代码文件中,为避免乱码,应先复制到文本文件方式的记事本上之后再转贴。
 



方案一

〔简约实用·推荐〕

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Jump</title>
<script>
function run(){
window.location= 'http://www.ziyexing.com/';
}
</script>
</head>

<body onload="javascript:setTimeout('run()',3000);">
<p><font color="#4F4F00">正在转向新地址,请稍后……</font></p>
</body>
</html>

  注:3000 为跳转页面停留时间参数。

 

方案二

<html>
<head>
<meta http-equiv="Content-Language" content="zh-CN">
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
<meta http-equiv="refresh" content="0.1; url=http://www.ziyexing.com/">
<title></title>
</head>
<body>
</body>
</html>


方案三

<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=50 style="font-family:Arial; font-weight:bolder; color:#000000; background-color:#fef4d9; padding:0px; border-style:none;">
  
  <input type=text name=percent size=42 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+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.ziyexing.com";} 
}</script>
 </p>
</form>
<p align="center"> 如果您的浏览器不支持跳转,<a style="text-decoration: none" href="http://www.ziyexing.com"><font color="#FF0000">请点这里</font></a>.</p>
</body>
</html>


  【注】
  1、将代码中的地址改为你的网址即可。
  2、“{setTimeout("count()",100);}”其中参数 100 修改为 200,进度条前进时间延长一倍。
  3、“input type=text name=chart size=50”其中参数 50 为进度条的显示长度。

 

 

 

 


 

子夜星网站
Personal Website. Created by Midnight Star .Copyright ©.