23个实用 Javascript Tab导航插件

实现tab页很多方法，有一些是用纯CSS实现，其他大多数是基于jquery、mootools或者其他js框架实现，既然有这么多可以拿来即用的插件，又何苦重复造轮子。

Jquery插件

1. jQuery UI Tabs

这个tab脚本已经绑定在jqueryUI库里，它有很多的配置项，比如你可以配置出可以滚动的tab，tab嵌套等等。

2. jQuery idTabs

idTabs可以让你在网页中轻松地加入tab页，而且它还可以对它进行无穷无尽扩展。

Mootools插件

3.MooTabs

Mootabs是mootools1.1实现的一个微型插件，可以通过ajax来加载tab。

4.Pluggable MooTools Tabs

5.Sliding Tabs

Sliding Tabs也是基于mootools1.1实现的，如果你是在使用mootools1.2你应该看看下面这个。

6.Perspective Tabs

Perspective Tabs是一款简易的mootools插件，它可以再小空间里放下很多tab卡，而且可以滑动。

7.MorphTabs

仅支持mootools1.2+。

8.Accessible Ajax Tabs with MooTools

基于其他JS框架实现的tab

9.Yetii

10.DOMTab

11. JavaScript Tabifier

12.dhtmlxTabber

13.Tabtastic

14.Kollermedia Tab Menu

15.Ajax Project – Tabbed Page Interface

16.XP Style Tab Panes

17.Ajax Tabs Content Script from Dynamic Dr

18.DD Tab Menu from Dynamic Drive

19.DOM dynamic Tabs

20.Tab Pane

21.SimpleTabs by Komrade

22.Yahoo UI Library: TabView

23.Advanced Tabs from EXT JS

23个实用 Javascript Tab导航插件相关推荐

sparklines插件_21个实用的Javascript数据图表插件
21个实用的Javascript数据图表插件六月 16, 2015 评论 (2) Sponsor 今天主要和大家分享一些统计图表相关的JS插件,图表通常用在网站后台界面,作为一种可视化数据形式展示, ...
30个创意出色的非常实用的jquery框架插件-(视觉大背景，瀑布流效果)
jQuery是在网页设计师和开发者最近的热门话题之一.人们使用它的广泛范围从个人博客到企业网站,目前流行的视觉大背景滚动效果,瀑布流图片阴影效果,图片缩放,动态标签复制,html5音频播放,视频播放等 ...
网站开发中很实用的 HTML5 jQuery 插件
这篇文章挑选了15款在网站开发中很实用的 HTML5 & jQuery 插件,如果你正在寻找能优化网站,使其更具创造力和视觉冲击,那么本文正是你需要的.这些优秀的 jQuery 插件能为你的网 ...
github上实用、常用的插件和库
本文整合罗列一些平时工作或者练手项目中很可能用到的.github上实用.轻量级.无依赖的插件和库,包括功能插件.UI组件.炫酷动画.前沿技术等,让你在少造轮子的同时,享受快速开发的畅快体验. 我会在 ...
实用javascript
实用JavaScript 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture() ...
html tab选项卡控件,tab选项卡插件
这是一款使用十分方便的.为移动设备定制的.可在水平和垂直两个方向上显示的jQuery和css3响应式tab选项卡插件.在你要显示很多不同的内容时,tab选项卡导航方式是十分有用的.常见的方式是在同一个 ...
使用jQuery开发tab选项卡插件
为了复习巩固jQuery的插件开发.HTML和CSS方面的知识,做了一个简单的tab选项卡插件,简单记录一下开发.使用的过程,以备日后使用. 一.插件效果 tab选项卡插件常用的功能均已实现,包括:动 ...
一些必看的jQuery导航插件和教程
2019独角兽企业重金招聘Python工程师标准>>> 导航是一个网站最重要的元素之一,您必须遵循统一的风格来设计您的网站,特别是导航的风格,让用户可以轻松地找到他们想要的内容.这里 ...
Bootstrap 导航元素（ tab导航）标签页
1.基本的导航元素:标签导航.基于ul.li而来,给ul添加 class="nav nav-tabs" 即可.选中的li添加 class="active"即可. ...

23个实用 Javascript Tab导航插件

23个实用 Javascript Tab导航插件相关推荐

最新文章

热门文章