软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > jQuery > 用jquery tools来实现选项卡

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

    相关阅读
    栏目导航
    推荐软件