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

Javascript
javascript radio list的实现细节(多浏览器兼容)
IE在DOM操作有表单控件时的bug
trim原型函数看js正则表达式的性能
js 禁用浏览器的后退功能的简单方法
IE和Firefox下javascript的兼容写法小结
兼容ie和firefox js关闭代码
用tip解决Ext列宽度不够的问题
firefox getyear() getFullYear数获取年份的问题
javascript iFrame研究
FLASH 广告之外的链接
firefox TBODY 用js显示和隐藏时出现错位的解决方法
Javascript 获取LI里的内容
比较全的JS checkbox全选、取消全选、删除功能代码
JS checkbox控制操作代码
document.all与getElementById、getElementsByName、getElementsByTagName用法区别-document.all
document.all与getElementById、getElementsByName、getElementsByTagName用法区别-getElementById
简单通用的JS滑动门代码
Javascript select控件操作大全(新增、修改、删除、选中、清空、判断存在等)
js 提交和设置表单的值
flash javascript之间的通讯方法小结

Javascript Tab 导航插件 (23个)


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