Jquery實現(xiàn)的tab效果可以指定默認顯示第幾頁
更新時間：2013年10月16日 16:09:45 作者：
tab效果想必大家在網(wǎng)上都有見過很多吧，在本文將為大家介紹下如何實現(xiàn)可以在代碼里面指定默認顯示第幾頁的tab效果，感興趣的朋友不要錯過
可以在代碼里面指定默認顯示第幾頁
<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實現(xiàn)簡單的Tab切換菜單</a></div>
<div id="fragment-2"><a >jquery焦點圖 slideshow</a></div>
<div id="fragment-3"> js等各種代碼</div>
</div>
<script language="javascript">
$(function(){
//直接制作Tab菜單，默認選擇為第二項，且切換的時候fade動畫
$("#container > ul").tabs({fx:{opacity:"toggle",height:"toggle"}, selected:1});
});
</script>
注意上面的selected:1為控制默認顯示第二頁
復(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實現(xiàn)簡單的Tab切換菜單</a></div>
<div id="fragment-2"><a >jquery焦點圖 slideshow</a></div>
<div id="fragment-3"> js等各種代碼</div>
</div>
復(fù)制代碼 代碼如下:
<script language="javascript">
$(function(){
//直接制作Tab菜單，默認選擇為第二項，且切換的時候fade動畫
$("#container > ul").tabs({fx:{opacity:"toggle",height:"toggle"}, selected:1});
});
</script>
注意上面的selected:1為控制默認顯示第二頁
相關(guān)文章
這篇文章主要介紹了javascript中Object使用詳解，非常全面詳盡，有需要的小伙伴參考下2015-01-01
這篇文章主要介紹了詳解redux異步操作實踐，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了解決webpack多頁面內(nèi)存溢出的方法示例，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
web項目開發(fā)之JS函數(shù)防抖與節(jié)流示例代碼
這篇文章主要介紹了web項目開發(fā)之JS函數(shù)防抖與節(jié)流實現(xiàn)的示例代碼及原理解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助2021-09-09
很多小伙伴都在學(xué)習(xí)JavaScript,可能也會有老師提出這樣一個問題,如何用js編寫一個簡單的驗證碼,這里就和大家分享一下,這篇文章主要給大家介紹了關(guān)于JavaScript實現(xiàn)圖形驗證碼的相關(guān)資料,需要的朋友可以參考下2024-01-01
一個用js實現(xiàn)的頁內(nèi)搜索代碼...2007-05-05
這篇文章主要介紹了Javascript中call的兩種用法實例，有需要的朋友可以參考一下2013-12-12
這篇文章主要介紹了JS文件/圖片從電腦里面拖拽到瀏覽器上傳文件/圖片,需要的朋友可以參考下2017-03-03
js實現(xiàn)C#的StringBuilder效果完整實例
這篇文章主要介紹了js實現(xiàn)C#的StringBuilder效果,以完整實例形式分析總結(jié)了js實現(xiàn)C#的StringBuilder效果的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-12-12
Android 自定義view仿微信相機單擊拍照長按錄視頻按鈕
這篇文章主要介紹了Android 自定義view仿微信相機單擊拍照長按錄視頻按鈕，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-07-07