jQuery自動切換/點(diǎn)擊切換選項卡效果的小例子
更新時間:2013年08月12日 11:53:53 作者:
我們看到很多網(wǎng)站會有有錯誤404頁面,當(dāng)頁面不存存時就會提示,然后過幾秒就會自動跳到首頁了,下面我來給大家舉一個404錯誤頁面跳到首頁實例,有需要的朋友可以參考一下
復(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>秒后自動返回
</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>
您可能感興趣的文章:
- Jquery實現(xiàn)點(diǎn)擊切換圖片并隱藏顯示內(nèi)容(2種方法實現(xiàn))
- 基于jquery實現(xiàn)左右按鈕點(diǎn)擊的圖片切換效果
- jquery點(diǎn)擊縮略圖切換視頻播放特效代碼分享
- jquery插件jquery.LightBox.js實現(xiàn)點(diǎn)擊放大圖片并左右點(diǎn)擊切換效果(附demo源碼下載)
- jquery實現(xiàn)圖片放大點(diǎn)擊切換
- jquery點(diǎn)擊切換背景色的簡單實例
- 使用jQuery實現(xiàn)鼠標(biāo)點(diǎn)擊左右按鈕滑動切換
- Jquery幻燈片特效代碼分享?鼠標(biāo)點(diǎn)擊按鈕時切換(1)
- jQuery實現(xiàn)切換字體大小的方法
- jQuery實現(xiàn)的點(diǎn)擊標(biāo)題文字切換字體效果示例【測試可用】
相關(guān)文章
MultiSelect左右選擇控件的設(shè)計與實現(xiàn)介紹
由于項目中用到左右選擇的控件,網(wǎng)上找了一些相關(guān)的實現(xiàn),基本上有兩個:1、基于JQuery UI的控件2、某個兄弟手寫的一個控件,具體實現(xiàn)如下,感興趣的朋友可以參考下哈2013-06-06jquery獲得同源iframe內(nèi)body下標(biāo)簽的值的方法
這篇文章主要介紹了jquery獲得同源iframe內(nèi)body下標(biāo)簽的值的方法,很簡單,很實用,需要的朋友可以參考下2014-09-09jQuery插件Validate實現(xiàn)自定義表單驗證
這篇文章主要介紹了jQuery插件Validate實現(xiàn)自定義表單驗證,自定義一個驗證方法,感興趣的小伙伴們可以參考一下2016-01-01jQuery的中 is('':visible'') 解析及用法(必看)
下面小編就為大家?guī)硪黄猨Query的中 is(':visible') 解析及用法(必看)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-02-02