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

Javascript
Javascript初学者实例教程(10):图像属性
FF与IE下javascript计算屏幕尺寸
可输入的下拉框
超强图片数量上传无限制
提高代码性能技巧谈—以创建千行表格为例
让插入到 innerHTML 中的 script 跑起来的实现代码
自动设为主页
脚本写的IE右键助手
[原创]checkbox实现全选的多种方法 不断更新
Div+CSS+JS树型菜单,可刷新
CSS+JS构建的图片查看器
如何实现iframe(嵌入式帧)的自适应高度
颜色渐变效果
一条一条新闻向上的滚动 不错
模拟抽奖
[原创]用srcElement实现添加效果
获取对象
带Checkbox的列表框
[原创]图片分页查看
[原创]手机号码本地检测

实用Javascript Tab导航插件23个


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 161 ::
收藏到网摘: 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卡,而且可以滑动。