20 个最棒的 jQuery Tab 插件

jQuery Tab 常用来做网页上的选项设置界面和导航,本文向你推荐最棒的 20 个 jQuery Tab 插件。
Enjoy !!

1. Slider Tabs


SliderTabs 是一个可定制的 jQuery 插件,可以创建基于 Tab 的内容滑块,并提供一个可定制的滑块控制。

2. jQuery Contact Tabs


这是一个 jQuery 的表单生成器,用来创建使用 Ajax 技术的联系表单。提供 12 种不同的表单元素和客户端验证,提供不同的主题风格,可添加多个 Tab。

3. jQuery Responsive Tabs


Responsive Tabs 提供响应式的 Tab 功能,当它达到 CSS 中设置的断点就会自动转为卷帘模式。

4. Responsive Full Width Tabs


这是一个全屏的 Tab 组件,提供多个 media queries 用于支持多种设备上浏览。

5. TabLooper


TabLooper 也是一个响应式的 jQuery Tab 插件,支持不限数量的 Tab,同时提供 inline 和 ajax 内容,支持触摸滑动进行 tab 内容移动。

6. Tabslet


Tabslet 支持自定义事件、旋转和动画效果

7. Ion.Tabs


Ion.Tabs 支持皮肤选择

8. Tabulous.js

9. Easy Responsive Tabs to Accordion

10. Cream Tabs

11. tNews

12. Lucid Tabs

13. Responsive Tabbed Navigation

14. Tabby

15. Codetabs

16. Scrolltab

17. Tabcordion

18. Elastic Content Slider

19. hashTabber

20. CodeTabs : Touch Responsive Tabs

时间: 2024-10-13 03:57:25

20 个最棒的 jQuery Tab 插件的相关文章

为Web程序员准备的10个最棒的jQuery视频插件

众多的插件使得 jQuery 成为一个非常流行的框架.现在网站中视频和音频的使用比之前要频繁的多了.而使用jQuery插件可以让这个步骤变得简单很多.因此这里收集了10个非常棒的jQuery视频插件供你选择. 1. Bigvideo.js 这个插件可以很方便的为你的网站添加视频背景.它可以无声的播放背景视频(或一系列视频).你也可以用它制作视频播放列表. BigVideo.js还可以显示大背景图片,这对于不支持自动播放视频的设备来说是非常适合的. 2. jPlayer jPlayer 是一个用J

[HTML5_JQueryMobile]20个很棒的 jQuery Mobile 教程

构建一个餐馆选择的 Web 应用 How to build a jQuery Mobile app for choosing a restaurant based on what the user want to eat tonight, the town where they want to eat and other user’s ratings of the restaurants. 创建一个良好移动体验应用 For larger data-focused sites, or sites

为开发者们准备的 10 款超棒的 jQuery 视频插件

jQuery 是一种快速.简洁的 JavaScript 库,可以简化 HTML 文档遍历.事件处理.动画和 Ajax 交互,能快速进行 web 开发.一个 jQuery 插件基本上是一种新方法,用来扩展 jQuery 原型对象.当扩展原型对象时,所有的 jQuery 对象就会启用并且能够添加和继承其他的任何方法. 1. Bigvideo.js BigVideo.js 是一个 jQuery 视频插件,能让用户很方便将视频作为网站的背景并且能够生成自适应的视频背景.它可以播放一个无声视频(或一系列视

20 个非常棒的jQuery内容滑动插件

WOW Slider是一款小巧易用的网页滑块设计.该软件内置大量的模版和工具,让你轻松设计出完美的视觉效果.他还可以帮助用户在短时间内创造出梦幻般的滑块,而无需编码和图像编辑,是很不错的图像滑块设计工具. Nivo Slider Nivo Slider是一款出色的jQuery幻灯片插件,支持多种切换效果,可定制性强. Simple Multi-Item Slider一款基于jQuery插件的多项目滚动条,Simple Multi-Item Slider Category slider with

jQuery Tab插件

继续学习插件的写法,简单的Tab插件,自适应宽度. 地址:https://github.com/zjzhome/jquery.tab.js 使用方法比较简单,写好html后一句Js即可,只有三个选项,后续继续扩展.

10 个超棒的 jQuery 视频插件

百万红包.火热开启!!!有你更精彩! jQuery 有成千上万的插件,这些插件不但在 WEB 程序层面让我们工作得得心应手,而且还在 WEB 视觉方面表现炫酷~如果你在寻找基于在线的视频解决方案或者你想给你的网站添加视频,基于 jQuery 的视频插件会让你的工作处理的如丝般顺滑!当然,这些视频插件都是响应式布局的.不用再去网上搜索啦,这里我们列出了十个大多数站点在使用.同时有有绝佳的用户体验的超赞视频插件! 1. FitVids FitVids 是一个广受页面设计师喜欢的 jQuery 视频插

分享一款超棒的jQuery旋钮插件 - jQuery knob

转自:http://www.cnblogs.com/gbin1/archive/2012/05/08/2489908.html 在线演示  本地下载 如果你也在寻找一款生成漂亮旋钮(knob)的jQuery插件的话,那么今天我们介绍的jQuery knob肯定是一个不错的选择.它使用canvas帮助我们生成超酷的旋钮特效,你可以使用插件选项或者HTML5的data属性来自定义设置插件属性,方便简捷并且优雅,我相信大家肯定会喜欢这个超酷的jQuery插件,如果你有任何问题活着建议请给我们留言! 主

Jquery tab插件wdScrollTab 在chrome中出现不兼容的问题

先贴上jsp里面调用的代码 var gh ="${teacher.GH }"; var grjlurl = _webRootPath + "content/search/teacher/teacher.grjl.jsp?gh="+gh; var jcTabs = [ '<iframe width="100%" scrolling="no" height="100%" frameborder="

20+个很有用的 jQuery 的 Google 地图插件

Google 地图在寻找我们想要了解的商店或者其它有趣的地方这种用途方面很流行和实用. 地图被一些商店特地集成到了它们的网站上面,这样就可以让人们容易找到它们的所在. 尽管其并不容易被集成,Google 地图使用起来还是简单且引人注目的. 在你的站点上集成它需要一个漫长且复杂的过程. 但多亏了拥有一个许多实用Google地图插件资源库的jQuery. 你只需要将jQeury地图插件安装到你的站点上,然后就可以开始根据你的业务需要来设计简单但能吸引人的地图了. 在本文中,我会列出一堆实用的jQue