实用Javascript Tab导航插件23个- Javascript

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

Javascript: AJAX教程(14)：通过XMLHTTP加载XML文件; AJAX教程(15)：通过XMLHTTP进行一次HEAD请求; AJAX教程(16)：通过XMLHTTP进行一次指定的HEAD请求; AJAX教程(17)：把XML文件显示为HTML表格; JS通过WMI获取客户端硬件信息; JavaScript中使用远程脚本; 关于Ajax技术的注意事项; XMLHttpRequest创建智能表单; iframe创建智能表单; JS教程:线小测试程序; 在Web页面中使用计时器; 将事件处理器作为HTML标记的属性; 事件处理器作为浏览器对象的属性; Math对象应用详解; random()方法和pow()方法; charAt()方法和charCodeAt()方法; Number对象常用的toFixed()方法; JS教程:为什么尽量用局部变量代替全局变量; 解决JavaScript循环中的过多操作; 处理提示“脚本运行时间过长的提示框”问题

技术文章搜索

关键字

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-28 浏览: 124 ::

收藏到网摘: 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卡，而且可以滑动。