快捷導(dǎo)航

jQuery自動(dòng)切換/點(diǎn)擊切換選項(xiàng)卡效果的小例子

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

我們看到很多網(wǎng)站會(huì)有有錯(cuò)誤404頁面，當(dāng)頁面不存存時(shí)就會(huì)提示，然后過幾秒就會(huì)自動(dòng)跳到首頁了，下面我來給大家舉一個(gè)404錯(cuò)誤頁面跳到首頁實(shí)例，有需要的朋友可以參考一下

復(fù)制代碼代碼如下:

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