您当前位置：首页 > web前端 > jquery > 用jquery tools来实现选项卡

用jquery tools来实现选项卡

来源：程序员人生发布时间：2013-12-20 15:32:44 阅读次数：4142次

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

<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>

 <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，即可以快速的帮助你完成些功能！如果不懂的请给我留言！

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生

------分隔线----------------------------

上一篇 Access入门教程 19.1 对表进行分析和优化

下一篇 用 JavaScript 枚举质数

分享到:

------分隔线----------------------------

为码而活

积分：4237

15粉丝

7关注

栏目热点