Jquery實(shí)現(xiàn)的tab效果可以指定默認(rèn)顯示第幾頁
更新時(shí)間：2013年10月16日 16:09:45 作者：
tab效果想必大家在網(wǎng)上都有見過很多吧，在本文將為大家介紹下如何實(shí)現(xiàn)可以在代碼里面指定默認(rèn)顯示第幾頁的tab效果，感興趣的朋友不要錯(cuò)過
可以在代碼里面指定默認(rèn)顯示第幾頁
<div id="container" style="width:500px;">
<ul>
<li><a href="#fragment-1"><span>One</span></a></li>
<li><a href="#fragment-2"><span>Two</span></a></li>
<li><a href="#fragment-3"><span>Three</span></a></li>
</ul>
<div id="fragment-1"><a >jquery實(shí)現(xiàn)簡單的Tab切換菜單</a></div>
<div id="fragment-2"><a >jquery焦點(diǎn)圖 slideshow</a></div>
<div id="fragment-3"> js等各種代碼</div>
</div>
<script language="javascript">
$(function(){
//直接制作Tab菜單，默認(rèn)選擇為第二項(xiàng)，且切換的時(shí)候fade動(dòng)畫
$("#container > ul").tabs({fx:{opacity:"toggle",height:"toggle"}, selected:1});
});
</script>
注意上面的selected:1為控制默認(rèn)顯示第二頁
復(fù)制代碼 代碼如下:
<div id="container" style="width:500px;">
<ul>
<li><a href="#fragment-1"><span>One</span></a></li>
<li><a href="#fragment-2"><span>Two</span></a></li>
<li><a href="#fragment-3"><span>Three</span></a></li>
</ul>
<div id="fragment-1"><a >jquery實(shí)現(xiàn)簡單的Tab切換菜單</a></div>
<div id="fragment-2"><a >jquery焦點(diǎn)圖 slideshow</a></div>
<div id="fragment-3"> js等各種代碼</div>
</div>
復(fù)制代碼 代碼如下:
<script language="javascript">
$(function(){
//直接制作Tab菜單，默認(rèn)選擇為第二項(xiàng)，且切換的時(shí)候fade動(dòng)畫
$("#container > ul").tabs({fx:{opacity:"toggle",height:"toggle"}, selected:1});
});
</script>
注意上面的selected:1為控制默認(rèn)顯示第二頁
相關(guān)文章
JS針對瀏覽器窗口關(guān)閉事件的監(jiān)聽方法集錦
這篇文章主要介紹了JS針對瀏覽器窗口關(guān)閉事件的監(jiān)聽方法,總結(jié)整理了幾種常用的瀏覽器關(guān)閉事件監(jiān)聽方法,非常簡單實(shí)用,需要的朋友可以參考下2016-06-06
JS跳出循環(huán)的5種方法總結(jié)(return、break、continue、throw等)
想必大家都遇到過循環(huán)遍歷時(shí)遇到滿足條件的時(shí)候就跳出循環(huán)這樣的需求,于是整理了一篇各種循環(huán)是如何結(jié)束的,這篇文章主要給大家介紹了關(guān)于JS跳出循環(huán)的5種方法,分別是return、break、continue、throw等的相關(guān)資料,需要的朋友可以參考下2024-05-05
JS判斷數(shù)組四種實(shí)現(xiàn)方法詳解
這篇文章主要介紹了JS判斷數(shù)組四種實(shí)現(xiàn)方法詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-06-06
JavaScript數(shù)據(jù)結(jié)構(gòu)之二叉樹的查找算法示例
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)之二叉樹的查找算法,結(jié)合具體實(shí)例形式分析了javascript針對二叉樹節(jié)點(diǎn)最小值、最大值的相關(guān)查找操作實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-04-04
JS腳本根據(jù)手機(jī)瀏覽器類型跳轉(zhuǎn)WAP手機(jī)網(wǎng)站（兩種方式）
隨著移動(dòng)互聯(lián)網(wǎng)的不斷普及，企業(yè)的網(wǎng)絡(luò)宣傳不僅只局限在PC端，還要在移動(dòng)端發(fā)展。我們在自己的網(wǎng)站做了WAP手機(jī)完整之后，如果有用戶通過手機(jī)訪問我們的企業(yè)頂級(jí)域名網(wǎng)站，就要判斷跳轉(zhuǎn)到專為的WAP網(wǎng)站，下面小編給大家整理有關(guān)手機(jī)瀏覽器跳轉(zhuǎn)WAP手機(jī)網(wǎng)站的相關(guān)內(nèi)容2015-08-08
下面小編就為大家?guī)硪黄媪私鈐avascript三元運(yùn)算符。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
JavaScript?Canvas繪制六邊形網(wǎng)格
這篇文章主要為大家詳細(xì)介紹了JavaScript?Canvas繪制六邊形網(wǎng)格，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-01-01
javascript獲取xml節(jié)點(diǎn)的最大值(實(shí)現(xiàn)代碼)
這篇文章主要介紹了利用javascript獲取xml節(jié)點(diǎn)的最大值。需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
js關(guān)于精確計(jì)算和數(shù)值格式化以及直接引js文件
本文為大家介紹下關(guān)于精確計(jì)算和數(shù)值格式化以及直接引js文件，大家可以學(xué)習(xí)下2014-01-01
這篇文章主要介紹了微信小程序開發(fā)中所碰到問題集錦，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2023-01-01