15 个免费的 CSS jQuery Tabs 插件

骑猪看日落 2022-08-25 15:51 107阅读 0赞

### [Tabslet][] ###

[![Tabslet- Free CSS jQuery Tabs Plugin And Tutorials][]][Tabslet- Free CSS jQuery Tabs Plugin And Tutorials 1]

### [jQueryUi Tabs][] ###

[![JqueryUi Tabs][]][JqueryUi Tabs 1]

### [IDTabs][] ###

[![IDTabs][IDTabs 1]][IDTabs_IDTabs 1]

### [Tabulous. js][] ###

[![Tabulous][]][Tabulous 1]

### [ION Tabs][] ###

[![ION Tabs][ION Tabs 1]][ION Tabs_ION Tabs 1]

### [Easy Tabs][] ###

[![Easy Tabs][Easy Tabs 1]][Easy Tabs_Easy Tabs 1]

### [Tabify][] ###

[![Tabify][Tabify 1]][Tabify_Tabify 1]

### [Smart Tabs][] ###

[![Smart Tabs][Smart Tabs 1]][Smart Tabs_Smart Tabs 1]

### [Organic Tabs][] ###

[![Organic Tabs][Organic Tabs 1]][Organic Tabs_Organic Tabs 1]

### [CSS3 jQuery folder tabs][] ###

[![CSS3 jQuery folder tabs][CSS3 jQuery folder tabs 1]][CSS3 jQuery folder tabs_CSS3 jQuery folder tabs 1]

### [Responsive tabs JQuery Script][] ###

[![Responsive tabs JQuery Script][Responsive tabs JQuery Script 1]][Responsive tabs JQuery Script_Responsive tabs JQuery Script 1]

### [Style your jQuery UI tabs][] ###

[![Style your jQuery UI tabs][Style your jQuery UI tabs 1]][Style your jQuery UI tabs_Style your jQuery UI tabs 1]

### [How to create a slick tabbed content area][] ###

[![How to create a slick tabbed content area][How to create a slick tabbed content area 1]][How to create a slick tabbed content area_How to create a slick tabbed content area 1]

### [CSS3 tabs with beveled corners][] ###

[![CSS3 tabs with beveled corners][CSS3 tabs with beveled corners 1]][CSS3 tabs with beveled corners_CSS3 tabs with beveled corners 1]

### [Creating Content Tabs With Pure CSS][] ###

[![Creating Content Tabs With Pure CSS][Creating Content Tabs With Pure CSS 1]][Creating Content Tabs With Pure CSS_Creating Content Tabs With Pure CSS 1]

via [thedesignpixel][]

### 相关链接 ###

*  jQuery 的详细介绍：[请点这里][Link 1]
 *  jQuery 的下载地址：[请点这里][Link 2]

想通过手机客户端（支持 Android、iPhone 和 Windows Phone）访问开源中国：[请点这里][Link 3]

本站文章除注明转载外，均为本站原创或编译  
欢迎任何形式的转载，但请务必注明出处，尊重他人劳动共创开源社区  
转载请注明：文章转载自： 开源中国社区 \[ [http://www.oschina.net][http_www.oschina.net]\]  
本文标题：15 个免费的 CSS jQuery Tabs 插件  
本文地址： [http://www.oschina.net/news/49540/free-css-jquery-tabs-plugin-and-tutorials][http_www.oschina.net_news_49540_free-css-jquery-tabs-plugin-and-tutorials]

[Tabslet]: http://vdw.github.io/Tabslet/
[Tabslet- Free CSS jQuery Tabs Plugin And Tutorials]: /images/20220824/ea73bacdde994be8b67fcf614d05c08d.png
[Tabslet- Free CSS jQuery Tabs Plugin And Tutorials 1]: http://thedesignpixel.com/wp-content/uploads/2014/03/Tabslet.jpg
[jQueryUi Tabs]: http://jqueryui.com/tabs/
[JqueryUi Tabs]: /images/20220824/729b34b08a244c6ea8deab8f3ee94378.png
[JqueryUi Tabs 1]: http://thedesignpixel.com/wp-content/uploads/2014/03/JqueryUi-Tabs.jpg
[IDTabs]: http://www.sunsean.com/idTabs/
[IDTabs 1]: http://static.oschina.net/uploads/img/201403/08082732_EtxC.jpg
[IDTabs_IDTabs 1]: /images/20220824/5995124482044d64acc052c689792c0c.png
[Tabulous. js]: http://git.aaronlumsden.com/tabulous.js/
[Tabulous]: /images/20220824/b3ea50f31fe843ffbabda47bb8844507.png
[Tabulous 1]: http://thedesignpixel.com/wp-content/uploads/2014/03/Tabulous.jpg
[ION Tabs]: http://ionden.com/a/plugins/ion.tabs/en.html#tabs%7CProduct:Info%7CCompany:History
[ION Tabs 1]: http://static.oschina.net/uploads/img/201403/08082734_9xxt.jpg
[ION Tabs_ION Tabs 1]: /images/20220824/a763c2df56be481abe6b251886eb3d29.png
[Easy Tabs]: http://os.alfajango.com/easytabs/#tabs1-js
[Easy Tabs 1]: http://static.oschina.net/uploads/img/201403/08082734_dXEs.jpg
[Easy Tabs_Easy Tabs 1]: /images/20220824/2d9c8cf047714ee9ab93a678b19851b9.png
[Tabify]: http://unwrongest.com/projects/tabify/
[Tabify 1]: http://static.oschina.net/uploads/img/201403/08082735_gkE5.jpg
[Tabify_Tabify 1]: /images/20220824/fb1f0a28bf3f43f7a307384b8cd7bcaf.png
[Smart Tabs]: http://techlaboratory.net/smarttab
[Smart Tabs 1]: http://static.oschina.net/uploads/img/201403/08082735_8gEm.jpg
[Smart Tabs_Smart Tabs 1]: /images/20220824/c982b84076af44eb97f24d735e02d3d5.png
[Organic Tabs]: http://css-tricks.com/organic-tabs/
[Organic Tabs 1]: http://static.oschina.net/uploads/img/201403/08082736_9b3U.jpg
[Organic Tabs_Organic Tabs 1]: /images/20220824/daa2701c9eca4d34bcb11981b4f01bb7.png
[CSS3 jQuery folder tabs]: http://red-team-design.com/css3-jquery-folder-tabs/
[CSS3 jQuery folder tabs 1]: http://static.oschina.net/uploads/img/201403/08082737_mXCH.jpg
[CSS3 jQuery folder tabs_CSS3 jQuery folder tabs 1]: /images/20220824/e7bff52fd44f4c91828855501c3cf5a0.png
[Responsive tabs JQuery Script]: http://www.petelove.com/2013/01/17/responsive-tabs-jquery-script/
[Responsive tabs JQuery Script 1]: http://static.oschina.net/uploads/img/201403/08082737_nqbU.jpg
[Responsive tabs JQuery Script_Responsive tabs JQuery Script 1]: /images/20220824/b9f1d99119bf4556bc013506cda5b8d1.png
[Style your jQuery UI tabs]: http://www.webdeveasy.com/style-your-jquery-ui-tabs/
[Style your jQuery UI tabs 1]: http://static.oschina.net/uploads/img/201403/08082738_aLZ6.jpg
[Style your jQuery UI tabs_Style your jQuery UI tabs 1]: /images/20220824/78db2f81309d438a9c66b3dcbcc61d97.png
[How to create a slick tabbed content area]: http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-a-slick-tabbed-content-area/
[How to create a slick tabbed content area 1]: http://static.oschina.net/uploads/img/201403/08082738_DsMU.jpg
[How to create a slick tabbed content area_How to create a slick tabbed content area 1]: /images/20220824/2c0c4c9feeac45acb3a296013be66168.png
[CSS3 tabs with beveled corners]: http://www.red-team-design.com/css3-tabs-with-beveled-corners
[CSS3 tabs with beveled corners 1]: http://static.oschina.net/uploads/img/201403/08082740_AhoH.jpg
[CSS3 tabs with beveled corners_CSS3 tabs with beveled corners 1]: /images/20220824/04b2410d91c0425a947d1ddd59e2bf41.png
[Creating Content Tabs With Pure CSS]: http://www.onextrapixel.com/2013/07/31/creating-content-tabs-with-pure-css/
[Creating Content Tabs With Pure CSS 1]: http://static.oschina.net/uploads/img/201403/08082741_RTlu.jpg
[Creating Content Tabs With Pure CSS_Creating Content Tabs With Pure CSS 1]: /images/20220824/dc03748b05b14159a2fc1bcee15a1808.png
[thedesignpixel]: http://thedesignpixel.com/free-css-jquery-tabs-plugin-and-tutorials.html
[Link 1]: http://www.oschina.net/p/jquery
[Link 2]: http://www.oschina.net/action/project/go?id=125&p=download
[Link 3]: http://www.oschina.net/app
[http_www.oschina.net]: http://www.oschina.net/
[http_www.oschina.net_news_49540_free-css-jquery-tabs-plugin-and-tutorials]: http://www.oschina.net/news/49540/free-css-jquery-tabs-plugin-and-tutorials