快捷導(dǎo)航

jQuery自動切換/點擊切換選項卡效果的小例子

更新時間：2013年08月12日 11:53:53 作者：

我們看到很多網(wǎng)站會有有錯誤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瀏覽器，采用相應(yīng)措施取得秒數(shù)
    {
        second = document.getElementById('totalSecond').innerText;
    } else
    {
        second = document.getElementById('totalSecond').textContent;
    }
    setInterval("redirect()", 1000);  //每1秒鐘調(diào)用redirect()方法一次
    function redirect()
    {
        if (second < 0)
        {
            location.href = 'http://要跳轉(zhuǎn)的網(wǎng)站';
        } else
        {
            if (navigator.appName.indexOf("Explorer") > -1)
            {
                document.getElementById('totalSecond').innerText = second--;
            } else
            {
                document.getElementById('totalSecond').textContent = second--;
            }
        }
    }
-->
</script>
</html></td>
   </tr>
 </table>

您可能感興趣的文章:

相關(guān)文章

jQuery仿寫百度百科的目錄樹
這篇文章主要介紹了jQuery仿寫百度百科的目錄樹醫(yī)保詞條樣式，點擊右側(cè)的目錄樹，左側(cè)跳轉(zhuǎn)到指定的錨點位置，滾動鼠標，游標跟隨一起滾動至響應(yīng)鏈接位置，具體實現(xiàn)思路大家參考下本文
2017-01-01
jQuery 表格隔行變色代碼[修正注釋版]
代碼比較精簡，大家可以了解下jquery的對象控制方法
2008-11-11
jQuery向webApi提交post json數(shù)據(jù)
這篇文章主要介紹了jQuery向webApi提交post json數(shù)據(jù)的方法，非常不錯，需要的的朋友參考下
2017-01-01
JQuery工具函數(shù)匯總
jquery為我們提供了操作數(shù)組和對象的工具函數(shù)，方便和簡化了我們對它們的操作。今天我們就進入jQuery的工具函數(shù)的復(fù)習(xí)。
2015-06-06
jQuery獲取樣式中顏色值的方法
這篇文章主要介紹了jQuery獲取樣式中顏色值的方法,可實現(xiàn)針對IE與Chrome、Firefox等不同瀏覽器都可獲取css樣式中background-color值的功能,非常具有實用價值,需要的朋友可以參考下
2015-01-01
jQuery.Form上傳文件操作
這篇文章主要介紹了jQuery.Form上傳文件操作,首先需要我們先建立test文件夾，具體代碼內(nèi)容大家通過本文學(xué)習(xí)下吧
2017-02-02
jQuery 幻燈片插件(帶縮略圖功能)
非常不錯的一款帶縮略圖功能的基于jquery的幻燈片插件，需要的朋友可以參考下。
2011-01-01
解決JQuery全選/反選第二次失效的問題
下面小編就為大家?guī)硪黄鉀QJQuery全選/反選第二次失效的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-10-10
基于jQuery實現(xiàn)最基本的淡入淡出效果實例
這篇文章主要介紹了基于jQuery實現(xiàn)最基本的淡入淡出效果的方法,實例分析了jQuery中hide、show、toggle等函數(shù)的使用技巧,需要的朋友可以參考下
2015-02-02
Jquery通過ajax請求NodeJS返回json數(shù)據(jù)實例
本篇文章主要是介紹Jquery通過ajax請求NodeJS返回json數(shù)據(jù)，具有一定的參考價值，有需要的可以了解一下。
2016-11-11