网页自动刷新代码

来源:不详 责任编辑:栏目编辑 发表时间:2013-07-01 23:11 点击:

当我们制作网页的时候,有时候需要让页面产生一个过渡效果,让一个网页展示一段时间后自动跳转倒另外一个网页,或者需要让当前的网页每隔一段时间就自动刷新,下面把在网上找到的相关网页自动刷新代码发出来和大家分享。

1、页面自动刷新:把代码<meta http-equiv="refresh" content="20">加到<head>和</head>区域之间,其中20指每隔20秒刷新一次页面;

2、页面自动跳转:把代码<meta http-equiv="refresh"content="20;url=http://www.xxol.net">加到<head>和</head>区域之间,其中20指隔20秒后跳转到http://www.xxol.net这个网站,当然了,也可以把<meta http-equiv="refresh"content="20;url=http://www.xxol.net">改成<meta http-equiv="refresh"content="20;url=index2.html">,这样就从当前网页自动跳转到index2.html这个网页。

具体示例如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta http-equiv="refresh" content="20">
<title>网页自动刷新代码</title>

另外因为网页自动刷新的时候会有声音出现,这个是因为meta标签中的refresh属性导致的,所以我们把上面的代码修改一下,然后把放置的位置也改变一下,就可以去掉声音。具体操作是大家只要在body属性里面加上这么一句就可以,示例如下:

<body onload="setTimeout( this.location.reload(); ,2000);">

这个2000就是2秒钟。

    相关新闻>>

      发表评论
      请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
      用户名: 验证码:点击我更换图片
      最新评论 更多>>

      推荐热点

      • WordPress添加百度喜欢按钮小技巧
      • Wordpress 博客如何实现自定义Gravatar头像
      • 网站设计分析:建立良好的视觉层级
      • 网站设计分析:“中国式设计”的三个方向
      • 案例分析:奥巴马筹款网站的制作过程
      • 创建不平衡的平衡:在网页设计中使用不对称设计
      • 7大主流B2C首页导航栏设计对比分析
      • Wordpress页面模板制作方法及使用
      • css控制文字前的小图标
      网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
      Copyright © 2008-2015 计算机技术学习交流网. 版权所有

      豫ICP备11007008号-1