DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Jquery實現的tab效果可以指定默認顯示第幾頁
Jquery實現的tab效果可以指定默認顯示第幾頁
編輯:關於JavaScript     
可以在代碼裡面指定默認顯示第幾頁
 
復制代碼 代碼如下:
<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 href="http://www.freejs.net/article_tabbiaoqian_29.html">jquery實現簡單的Tab切換菜單</a></div>
<div id="fragment-2"><a href="http://www.freejs.net/article_jiaodiantu_56.html">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為控制默認顯示第二頁
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved