注册 登录
> Javascript

23个实用 Javascript Tab导航插件

系统 1913 0

实现tab页很多方法，有一些是用纯CSS实现，其他大多数是基于jquery、mootools或者其他js框架实现，既然有这么多可以拿来即用 的插件，又何苦重复造轮子。

 

 

Jquery插件

 

1. jQuery UI Tabs

 

 

这个tab脚本已经绑定在jqueryUI库里，它有很多的配置项，比如你可以配置出可以滚动的tab，tab嵌套等等。

 

 

2 . jQuery idTabs

 

 

idTabs可以让你在网页中轻松地加入tab页，而且它还可以对它进行无穷无尽扩展。

 

Mootools插件

 

3. MooTabs

 

 

Mootabs是mootools1.1实现的一个微型插件，可以通过ajax来加载tab。

 

 

4. Pluggable MooTools Tabs

 

 

 

 

5 .Sliding Tabs

 

 

Sliding Tabs也是基于mootools1.1实现的，如果你是在使用mootools1.2你应该看看下面这个。

 

 

6. Perspective Tabs

 

 

Perspective Tabs是一款简易的mootools插件，它可以再小空间里放下很多tab卡，而且可以滑动。

 

7. MorphTabs

 

 

仅支持mootools1.2+。

 

 

8 .Accessible Ajax Tabs with MooTools

 

 

基于其他JS框架实现的tab

 

 

9. Yetii

 

 

 

10. DOMTab

 

 

 

11.  JavaScript Tabifier

 

 

 

12. dhtmlxTabber

 

 

 

13. Tabtastic

 

 

 

14. Kollermedia Tab Menu

 

 

 

15. Ajax Project – Tabbed Page Interface

 

 

 

16. XP Style Tab Panes

 

 

 

 

17. Ajax Tabs Content Script from Dynamic Dr

 

 

 

 

18. DD Tab Menu from Dynamic Drive

 

 

 

 

19 .DOM dynamic Tabs

 

 

 

 

20. Tab Pane

 

 

 

 

21. SimpleTabs by Komrade

 

 

 

 

22 .Yahoo UI Library: TabView

 

 

 

 

23 .Advanced Tabs from EXT JS

 

 

 

 

 

23个实用 Javascript Tab导航插件


更多文章、技术交流、商务合作、联系博主

微信扫码或搜索：z360901061

微信扫一扫加我为好友

QQ号联系： 360901061

您的支持是博主写作最大的动力，如果您喜欢我的文章，感觉我的文章对您有帮助，请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧，狠狠点击下面给点支持吧，站长非常感激您！手机微信长按不能支付解决办法：请将微信支付二维码保存到相册，切换到微信，然后点击微信右上角扫一扫功能，选择支付二维码完成支付。

【本文对您有帮助就好】元

您的支持是博主写作最大的动力，如果您喜欢我的文章，感觉我的文章对您有帮助，请用微信扫描上面二维码支持博主2元、5元、10元、自定义金额等您想捐的金额吧，站长会非常 感谢您的哦！！！

发表我的评论
最新评论 总共0条评论