当前位置: 首页 > 图文教程 > 网络编程 > Javascript > Javascript Tab 导航插件 (23个)

Javascript
Mootools 1.2教程 排序类和方法简介
Mootools 1.2 手风琴(Accordion)教程
Mootools 1.2教程 类(一)
Mootools 1.2教程 Tooltips
Mootools 1.2教程 选项卡效果(Tabs)
Mootools 1.2教程(21):类(二)
Mootools 1.2教程 同时进行多个形变动画
Mootools 1.2教程 滑动效果(Slide)
不安全的常用的js写法
javascript 检测浏览器类型和版本的代码
javascript 弹出层居中效果的制作
javascript 遮照层效果
Javascript createElement和innerHTML增加页面元素的性能对比
颜色快速采集器javascript代码
var与Javascript变量隐式声明
javascript 面向对象编程 万物皆对象
jQuery 事件队列调整方法
JavaScript switch case 的用法实例[范围]
控制input的CSS但不影响CheckBox以及Radio的样式
ext 同步和异步示例代码

Javascript Tab 导航插件 (23个)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-12   浏览: 348 ::
收藏到网摘: n/a

实现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