用jquery tools来实现选项卡

  今天感觉没有什么事，特别在网上找了一些资料想想看，不料却看到了jquery的UI库，感觉非常的活，非常的好用，减少了程序员们编辑大多数的代码，个人认为jquery加UI是一个非常不错的css+html的设计！希望大家有时间也去用用！

 

 

<!-- the tabs --> 
<ul class="tabs"> 
    <li><a href="#">Tab 1</a></li> 
    <li><a href="#">Tab 2</a></li> 
    <li><a href="#">Tab 3</a></li> 
</ul> 
 
<!-- tab "panes" --> 
<div class="panes"> 
    <div>First tab content. Tab contents are called "panes"</div> 
    <div>Second tab content</div> 
    <div>Third tab content</div> 
</div>

// perform JavaScript after the document is scriptable. 
$(function() { 
    // setup ul.tabs to work as tabs for each div directly under div.panes 
    $("ul.tabs").tabs("div.panes > div"); 
});
简单的几行代码就完成了一个选项卡，平常如果自己写的话，那肯定需要写很多的代码才能完成些功能！同时该命名也非常的具体！代码少，效果达到！
记得在html前面引用jquery.tools.js，即可以快速的帮助你完成些功能！如果不懂的请给我留言！