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

Javascript
图片跟随的代码
对联广告js flash激活
用js怎么把&字符换成"&amp:"
动态加载js的几种方法
改进版:在select中添加、修改、删除option元素
关于搜索输入框
添加、删除HTML结点 & 上传图片预览
一个JavaScript继承的实现
this.clientWidth和this.offsetWidth两个有什么不同
实现iframe延时加载
document.styleSheets[0].disabled
一个级联菜单(IE ONLY),不过代码很精简!
xmlHTTP实例
有趣的思路~~JS仿 WINXP 注销桌面渐隐效果
Hutia 的 JS 代码集
PJ Blog修改-禁止复制的代码和方法
如何限制在一个表格里面禁止使用右键
怎样调用动态获取的自定义对象的方法
12个div逐个显示效果
挺酷的一个倒计时

Javascript Tab 导航插件 (23个)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-12   浏览: 193 ::
收藏到网摘: 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