jQuery自动切换/点击切换选项卡效果的小例子

 更新时间:2013年08月12日 11:53:53   作者:  
我们看到很多网站会有有错误404页面,当页面不存存时就会提示,然后过几秒就会自动跳到首页了,下面我来给大家举一个404错误页面跳到首页实例,有需要的朋友可以参考一下
复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>404 Not Found</title>
</head>
<body>
 <h1>找不到指定的页面</h1>
 <span id="totalSecond">3</span>秒后自动返回
</body>
<script language="javascript" type="text/javascript">
<!--
    var second = document.getElementById('totalSecond').textContent;
    if (navigator.appName.indexOf("Explorer") > -1)  //判断是IE浏览器还是Firefox浏览器,采用相应措施取得秒数
    {
        second = document.getElementById('totalSecond').innerText;
    } else
    {
        second = document.getElementById('totalSecond').textContent;
    }
    setInterval("redirect()", 1000);  //每1秒钟调用redirect()方法一次
    function redirect()
    {
        if (second < 0)
        {
            location.href = 'http://要跳转的网站';
        } else
        {
            if (navigator.appName.indexOf("Explorer") > -1)
            {
                document.getElementById('totalSecond').innerText = second--;
            } else
            {
                document.getElementById('totalSecond').textContent = second--;
            }
        }
    }
-->
</script>
</html></td>
   </tr>
 </table>

相关文章

  • jQuery仿写百度百科的目录树

    jQuery仿写百度百科的目录树

    这篇文章主要介绍了jQuery仿写百度百科的目录树医保词条样式,点击右侧的目录树,左侧跳转到指定的锚点位置,滚动鼠标,游标跟随一起滚动至响应链接位置,具体实现思路大家参考下本文
    2017-01-01
  • jQuery 表格隔行变色代码[修正注释版]

    jQuery 表格隔行变色代码[修正注释版]

    代码比较精简,大家可以了解下jquery的对象控制方法
    2008-11-11
  • jQuery向webApi提交post json数据

    jQuery向webApi提交post json数据

    这篇文章主要介绍了jQuery向webApi提交post json数据的方法,非常不错,需要的的朋友参考下
    2017-01-01
  • JQuery工具函数汇总

    JQuery工具函数汇总

    jquery为我们提供了操作数组和对象的工具函数,方便和简化了我们对它们的操作。今天我们就进入jQuery的工具函数的复习。
    2015-06-06
  • jQuery获取样式中颜色值的方法

    jQuery获取样式中颜色值的方法

    这篇文章主要介绍了jQuery获取样式中颜色值的方法,可实现针对IE与Chrome、Firefox等不同浏览器都可获取css样式中background-color值的功能,非常具有实用价值,需要的朋友可以参考下
    2015-01-01
  • jQuery.Form上传文件操作

    jQuery.Form上传文件操作

    这篇文章主要介绍了jQuery.Form上传文件操作,首先需要我们先建立test文件夹,具体代码内容大家通过本文学习下吧
    2017-02-02
  • jQuery 幻灯片插件(带缩略图功能)

    jQuery 幻灯片插件(带缩略图功能)

    非常不错的一款带缩略图功能的基于jquery的幻灯片插件,需要的朋友可以参考下。
    2011-01-01
  • 解决JQuery全选/反选第二次失效的问题

    解决JQuery全选/反选第二次失效的问题

    下面小编就为大家带来一篇解决JQuery全选/反选第二次失效的问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • 基于jQuery实现最基本的淡入淡出效果实例

    基于jQuery实现最基本的淡入淡出效果实例

    这篇文章主要介绍了基于jQuery实现最基本的淡入淡出效果的方法,实例分析了jQuery中hide、show、toggle等函数的使用技巧,需要的朋友可以参考下
    2015-02-02
  • Jquery通过ajax请求NodeJS返回json数据实例

    Jquery通过ajax请求NodeJS返回json数据实例

    本篇文章主要是介绍Jquery通过ajax请求NodeJS返回json数据,具有一定的参考价值,有需要的可以了解一下。
    2016-11-11

最新评论