Jquery實(shí)現(xiàn)的tab效果可以指定默認(rèn)顯示第幾頁(yè)
更新時(shí)間:2013年10月16日 16:09:45 作者:
tab效果想必大家在網(wǎng)上都有見(jiàn)過(guò)很多吧,在本文將為大家介紹下如何實(shí)現(xiàn)可以在代碼里面指定默認(rèn)顯示第幾頁(yè)的tab效果,感興趣的朋友不要錯(cuò)過(guò)
可以在代碼里面指定默認(rèn)顯示第幾頁(yè)
<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)簡(jiǎ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)畫(huà)
$("#container > ul").tabs({fx:{opacity:"toggle",height:"toggle"}, selected:1});
});
</script>
注意上面的selected:1為控制默認(rèn)顯示第二頁(yè)
復(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)簡(jiǎ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)畫(huà)
$("#container > ul").tabs({fx:{opacity:"toggle",height:"toggle"}, selected:1});
});
</script>
注意上面的selected:1為控制默認(rèn)顯示第二頁(yè)
相關(guān)文章
解決webpack多頁(yè)面內(nèi)存溢出的方法示例
這篇文章主要介紹了解決webpack多頁(yè)面內(nèi)存溢出的方法示例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
web項(xiàng)目開(kāi)發(fā)之JS函數(shù)防抖與節(jié)流示例代碼
這篇文章主要介紹了web項(xiàng)目開(kāi)發(fā)之JS函數(shù)防抖與節(jié)流實(shí)現(xiàn)的示例代碼及原理解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助2021-09-09
JavaScript實(shí)現(xiàn)圖形驗(yàn)證碼完整代碼
很多小伙伴都在學(xué)習(xí)JavaScript,可能也會(huì)有老師提出這樣一個(gè)問(wèn)題,如何用js編寫(xiě)一個(gè)簡(jiǎn)單的驗(yàn)證碼,這里就和大家分享一下,這篇文章主要給大家介紹了關(guān)于JavaScript實(shí)現(xiàn)圖形驗(yàn)證碼的相關(guān)資料,需要的朋友可以參考下2024-01-01
一個(gè)用js實(shí)現(xiàn)的頁(yè)內(nèi)搜索代碼
一個(gè)用js實(shí)現(xiàn)的頁(yè)內(nèi)搜索代碼...2007-05-05
js實(shí)現(xiàn)C#的StringBuilder效果完整實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)C#的StringBuilder效果,以完整實(shí)例形式分析總結(jié)了js實(shí)現(xiàn)C#的StringBuilder效果的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-12-12
Android 自定義view仿微信相機(jī)單擊拍照長(zhǎng)按錄視頻按鈕
這篇文章主要介紹了Android 自定義view仿微信相機(jī)單擊拍照長(zhǎng)按錄視頻按鈕,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2019-07-07

