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)簡(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)畫
$("#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)簡(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)畫
$("#container > ul").tabs({fx:{opacity:"toggle",height:"toggle"}, selected:1});
});
</script>
注意上面的selected:1為控制默認(rèn)顯示第二頁
相關(guān)文章
這篇文章主要介紹了javascript中Object使用詳解，非常全面詳盡，有需要的小伙伴參考下2015-01-01
這篇文章主要介紹了詳解redux異步操作實(shí)踐，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了解決webpack多頁面內(nèi)存溢出的方法示例，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
web項(xiàng)目開發(fā)之JS函數(shù)防抖與節(jié)流示例代碼
這篇文章主要介紹了web項(xiàng)目開發(fā)之JS函數(shù)防抖與節(jié)流實(shí)現(xiàn)的示例代碼及原理解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助2021-09-09
JavaScript實(shí)現(xiàn)圖形驗(yàn)證碼完整代碼
很多小伙伴都在學(xué)習(xí)JavaScript,可能也會(huì)有老師提出這樣一個(gè)問題,如何用js編寫一個(gè)簡(jiǎn)單的驗(yàn)證碼,這里就和大家分享一下,這篇文章主要給大家介紹了關(guān)于JavaScript實(shí)現(xiàn)圖形驗(yàn)證碼的相關(guān)資料,需要的朋友可以參考下2024-01-01
一個(gè)用js實(shí)現(xiàn)的頁內(nèi)搜索代碼
一個(gè)用js實(shí)現(xiàn)的頁內(nèi)搜索代碼...2007-05-05
這篇文章主要介紹了Javascript中call的兩種用法實(shí)例，有需要的朋友可以參考一下2013-12-12
這篇文章主要介紹了JS文件/圖片從電腦里面拖拽到瀏覽器上傳文件/圖片,需要的朋友可以參考下2017-03-03
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ī)單擊拍照長按錄視頻按鈕
這篇文章主要介紹了Android 自定義view仿微信相機(jī)單擊拍照長按錄視頻按鈕，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2019-07-07