23个实用Javascript Tab导航插件

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

Jquery插件

  1.jQuery UI Tabs

jquery-ui-tabs

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

  2. jQuery idTabs

jquery-idtabs

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

Mootools插件

  3.MooTabs

mootabs

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

  4.Pluggable MooTools Tabs

mgfxtabs

  5.Sliding Tabs

sliding-tabs

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

6.Perspective Tabs

perspective-tabs

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

7.MorphTabs

morphtabs

  仅支持mootools1.2+。

  8.Accessible Ajax Tabs with MooTools

accessible-ajax-tabs

基于其他JS框架实现的tab

  9.Yetii

yetii

  10.DOMTab

domtab

  11. JavaScript Tabifier

javascript-tabifier2

  12.dhtmlxTabber

dhtmlx-tabber

  13.Tabtastic

tabtastic

  14.Kollermedia Tab Menu

kollermedia-tabmenu

  15.Ajax Project – Tabbed Page Interface

tabbed-page-interface

  16.XP Style Tab Panes

xp-style-tab-panes

  17.Ajax Tabs Content Script from Dynamic Dr

ajax-tabs-content-script

  18.DD Tab Menu from Dynamic Drive

dd-tab-menu

  19.DOM dynamic Tabs

dom-dynamic-tabs

  20.Tab Pane

tab-pane

  21.SimpleTabs by Komrade

simpletabs

  22.Yahoo UI Library: TabView

yahoo-ui-library-tabview

  23.Advanced Tabs from EXT JS

advanced-tabs-ext-js

上一篇:网页选项卡TAB设计原则和应用案例教程

下一篇:骑摩托不戴头盔的交警,请注意交通安全