精选23款JavaScript Tab导航插件推荐

作者:半夏时间:2026-10-23 17:35:17浏览:215

本文汇总了23款主流的JavaScript Tab导航插件,涵盖jQuery UI、MooTools、YUI及Ext JS等主流框架。内容包含jQuery UI Tabs、idTabs、MooTabs、Sliding Tabs等经典实现,详细解析了各插件的配置特性、版本兼容性(如MooTools 1.1/1.2)及Ajax加载功能,为开发者提供丰富的Tab组件选型参考。

jQuery Tab插件

Jquery插件

1.jQuery UI Tabs

jquery-ui-tabs

该Tab脚本已集成在jQuery UI库中,提供丰富的配置选项,例如支持滚动Tab和Tab嵌套等功能。

 

2. jQuery idTabs

jquery-idtabs

idTabs允许用户在网页中轻松添加Tab页,并支持对其功能进行无限扩展。

 

MooTools Tab插件

Mootools插件

 

3.MooTabs

mootabs

MooTabs是基于MooTools 1.1实现的微型插件,支持通过Ajax加载Tab内容。

4.Pluggable MooTools Tabs

mgfxtabs

 

5.Sliding Tabs

sliding-tabs

Sliding Tabs同样基于MooTools 1.1实现。若使用MooTools 1.2,建议参考后续介绍的插件。

 

6.Perspective Tabs

perspective-tabs

Perspective Tabs是一款简易的MooTools插件,能在小空间内容纳大量Tab卡,并支持滑动效果。

 

7.MorphTabs

morphtabs

仅支持MooTools 1.2及以上版本。

 

8.Accessible Ajax Tabs with MooTools

accessible-ajax-tabs

 

其他JS框架Tab实现

基于其他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

作者最新文章