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>
您可能感興趣的文章:
- Jquery實(shí)現(xiàn)點(diǎn)擊切換圖片并隱藏顯示內(nèi)容(2種方法實(shí)現(xiàn))
- 基于jquery實(shí)現(xiàn)左右按鈕點(diǎn)擊的圖片切換效果
- jquery點(diǎn)擊縮略圖切換視頻播放特效代碼分享
- jquery插件jquery.LightBox.js實(shí)現(xiàn)點(diǎn)擊放大圖片并左右點(diǎn)擊切換效果(附demo源碼下載)
- jquery實(shí)現(xiàn)圖片放大點(diǎn)擊切換
- jquery點(diǎn)擊切換背景色的簡(jiǎn)單實(shí)例
- 使用jQuery實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊左右按鈕滑動(dòng)切換
- Jquery幻燈片特效代碼分享?鼠標(biāo)點(diǎn)擊按鈕時(shí)切換(1)
- jQuery實(shí)現(xiàn)切換字體大小的方法
- jQuery實(shí)現(xiàn)的點(diǎn)擊標(biāo)題文字切換字體效果示例【測(cè)試可用】
相關(guān)文章
MultiSelect左右選擇控件的設(shè)計(jì)與實(shí)現(xiàn)介紹
由于項(xiàng)目中用到左右選擇的控件,網(wǎng)上找了一些相關(guān)的實(shí)現(xiàn),基本上有兩個(gè):1、基于JQuery UI的控件2、某個(gè)兄弟手寫的一個(gè)控件,具體實(shí)現(xiàn)如下,感興趣的朋友可以參考下哈2013-06-06jquery獲得同源iframe內(nèi)body下標(biāo)簽的值的方法
這篇文章主要介紹了jquery獲得同源iframe內(nèi)body下標(biāo)簽的值的方法,很簡(jiǎn)單,很實(shí)用,需要的朋友可以參考下2014-09-09基于Jquery實(shí)現(xiàn)萬圣節(jié)快樂特效
本文使用jquery代碼實(shí)現(xiàn)萬圣節(jié)特效,代碼簡(jiǎn)單易懂,萬圣節(jié)送給大家不一樣的禮物,參考下本文大家也一起制作吧2015-11-11jquery實(shí)現(xiàn)簡(jiǎn)易的移動(dòng)端驗(yàn)證表單
本文給大家匯總介紹了幾個(gè)常用的jquery實(shí)現(xiàn)簡(jiǎn)易的移動(dòng)端驗(yàn)證表單,非常的實(shí)用,有需要的小伙伴可以進(jìn)來參考下。2015-11-11改善你的jQuery的25個(gè)步驟 千倍級(jí)效率提升
改善你的jQuery的25個(gè)步驟 -- 從頭看完會(huì)有無數(shù)收獲,千倍級(jí)效率提升2010-02-02jQuery插件Validate實(shí)現(xiàn)自定義表單驗(yàn)證
這篇文章主要介紹了jQuery插件Validate實(shí)現(xiàn)自定義表單驗(yàn)證,自定義一個(gè)驗(yàn)證方法,感興趣的小伙伴們可以參考一下2016-01-01jQuery的中 is('':visible'') 解析及用法(必看)
下面小編就為大家?guī)硪黄猨Query的中 is(':visible') 解析及用法(必看)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02