实现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卡，而且可以滑动。

感谢 aobo711 的投稿

7.MorphTabs

仅支持mootools1.2+。

8.Accessible Ajax Tabs with MooTools

基于其他JS框架实现的tab

9.Yetii

10.DOMTab

11. JavaScript Tabifier

12.dhtmlxTabber

感谢 aobo711 的投稿

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

感谢 aobo711 的投稿

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

本站文章如无特殊说明均为原创，转载的朋友请保留文章链接和出处：

本文链接：http://jsssc.cn/23-useful-javascript-tab-navigation-scripts/

感谢 aobo711 的投稿