jQuery是近段时间里比较流行的一个JavaScript框架,不断有使用者开发出新的 jQuery插件。下面收集了50个开发者最喜欢使用的jQuery插件。这仅仅是第一个系列,你先品尝,第二道大餐即将到来。
Sliding Panels -滑动门控制
1) Sliding Panels For jQuery -元素可以展开或关闭,创建出手风琴的滑动效果。
(2) jQuery Collapse -这个jQuery插件同样点击后滑动展开或关闭DIV层。
Menu - 菜单
3) LavaLamp
(4) A Navigation Menu- 锚链接的无序列表嵌套, 可以添加2级菜单
(5) SuckerFish Style
Tabs - 选项卡
6) jQuery UI Tabs / Tabs 3 - 基于 jQuery 的一个Tab选项卡导航
(7) TabContainer Theme - 当用户在选项卡之间进行切换时,产生JQuery风格的淡出动效果。
Accordion- 手风琴效果
8 ) jQuery Accordion
Demo
(9) Simple JQuery Accordion menu
SlideShows - 幻灯片
10) jQZoom-让你在你的网页上很简单的实现图片的缩放功能。
(11) Image/Photo Gallery Viewer- 一个图像/相片的画廊展示插件。可以让你对图片进行分组、并产生像Flash一样的多种浏览特效。
Transition Effects - 过渡特效
12) InnerFade - 可以让网页中的任何元素产生淡化效果
(13) Easing Plugin-另外一个简单的过渡效果插件
(14) Highlight Fade
(15) jQuery Cycle Plugin- 拥有多种过渡效果的一个Gallery插件。
奇幻的jQuery
16) Riding carousels with jQuery - 这个jQuery插件可以生成一个水平或垂直的列表,并且允许你控制DIV层的滑动显示。
Demo :
Color Picker -拾色器
17) Farbtastic -这个 jQuery 插件可以让你通过Javascript添加一个或多个拾色器widgets到一个页面中。
Demo :
(18) jQuery Color Picker
LightBox -灯箱效果
19) jQuery ThickBox - is a webpage user interface dialog widget written in JavaScript.
Demo :
(20) SimpleModal Demos - its goal is providing developers with a cross-browser overlay and container that will be populated with content provided to SimpleModal.
Demo :
(21) jQuery lightBox Plugin - simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery′s selector.
Demo :
(
iframe
22) JQuery iFrame Plugin
Form Validation -表单验证器
23) Validation - 有一套完整相当的形式验证规则。该插件还动态地创建ID和联系信息。
Demo :
(24) Ajax Form Validation - 在客户端使用jquery验证的一种形式,它可以验证用户名是否有效等。
Demo :
(25) jQuery AlphaNumeric -欢迎对对表单域中的某些字符进行限制
Form Elements - 表单事件
(26) jquery.Combobox - 从现在的选择元素中创建一个个性的HTML组合 Demo is here.
(27) jQuery Checkbox -样式化选择框,从而提高交互能力。
(28) File Style Plugin for jQuery -File Style插件让你可以使用图像做为文件浏览按钮,你还可以样式化文件名称区域。
Star Rating - 星形评级系统
(29) Simple Star Rating System
30)Half-Star Rating Plugin
ToolTips -提示工具
31) Tooltip Plugin Examples - 一个花俏的提示应用。 可以对提示信息进行自定义位置, 设置阴影效果和添加更多内容等.你可以点击demo 演示.
(32) The jQuery Tooltip
Tables Plugins -表格插件
33) Zebra Tables Demo -使用jQuery来创建出斑马线风格的数据表格,鼠标悬浮时能改变背景色。
Demo :
(34) Table Sorter Plugin - 把一个标准的HTML表格分解成Thead和Tbody标签构成的分类表格,不需要刷新。它能够成功地解析和整理多种类型的数据,包括联系资料。
(35) AutoScroll for jQuery -可以生成网页表格的热点自动滚动效果
(36) Scrollable HTML table plugin- 用来转换表格为普通的滚动HTML。不需要额外的编码。
Demo :
Draggable Droppables And Selectables 拖拽
37) Sortables - 一个简单强大的拖拽插件。
(38) Draggables and droppables- 这是一个很好的演示。用来实现拖拽树形菜单项目的操作
Style Switcher - 切换风络
39) Switch stylesheets with jQuery允许访客选择他们喜欢的网站样式,使用了Cookie记录,也就是同一个用户下次再访问时,除非他不切换,否则会保留他选择的样式。
Demo演示.
Rounded Corners 圆角效果
40) jQuery Corner Demo
(41) JQuery Curvy Corners- 这个插件可以让你生成光滑、无锯齿的圆角效果。
Must See jQuery Examples 应该了解的一些jQuery应用实例
42) jQuery Air - 一个非常非常特别的客户管理界面应用插件,太特别了,太太太特别了。
Demo :
(43) HeatColor
Demo :
(44) Simple jQuery Examples
(45) Date Picker -一个灵活个性的jQuery日历组件。
Demo :
(46) ScrollTo -这个jQuery插件可以让你实现当点击链接时中滚动到页面中的某一对象
(47) 3-Column Splitter Layout 一个3栏布局分配插件。
(48) Pager jQuery -一个小巧的 jQuery插件,用来增加分页的页码效果
(49) Select box manipulation
(50) Cookie Plugin for jQuery
51) JQuery BlockUI Plugin
分享到:
相关推荐
jquery是近段时间里比较流行的一个javascript框架,不断有使用者开发出新的 jQuery插件。下面收集了50个开发者最喜欢使用的jQuery插件。这仅仅是第一个系列,你先品尝,第二道大餐即将到来。
jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。 jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来...
使用无门槛 无需懂得js代码编写也一样轻松使用 ">这是一个重量轻但功能强大的jQuery插件 更多实例效果详见(js geshai com) 快速解决网站上大部分特效展示 在网站上常用到的 导航菜单 幻灯片 焦点图 公告跑马灯 ...
73. 一款jQuery插件slide幻灯片切换图片宽高自适应 74. 一款jQuery漂亮淡出淡入焦点大图切换源码 75. 一款jquery缩略图商品切换放大展示功能插件 76. 一款使用jQuery左右控制横向图片滚动的代码 77. 一款...
73. 一款jQuery插件slide幻灯片切换图片宽高自适应 74. 一款jQuery漂亮淡出淡入焦点大图切换源码 75. 一款jquery缩略图商品切换放大展示功能插件 76. 一款使用jQuery左右控制横向图片滚动的代码 77. 一款基于...
当表格数据较多时,会导致表头随内容滚动,影响使用,因此使用jQuery做一个插件,压缩文件中有test.html是一个具体使用的案例,如果不会使用请查看https://blog.csdn.net/qq_28254093/article/details/82844050 文章
jQuery基础案例分析(初学者入门精通最佳案例),内容丰富,一切用代码说话...7.jQuery插件的使用和写法 8.用jQuery打造个性网站 9.jQuery Mobile 10.jQuery各个版本的变化 11.jQuery性能优化和技巧 12.jQuery查询手册
jQuery是近段时间里比较流行的一个JavaScript框架,不断有使用者开发出新的 jQuery插件。下面收集了超多实例供大家参考学习。
AnythingZoomer jQuery插件版图片放大镜实例包,和单纯的图片放大还有点不一样,这一个严格来说是放大镜的效果,放大的区域将随着鼠标的移动而移动,而且本插件是完全封装好的jQuery版,使用方法简单,不需要引入太...
一款jQuery插件slide幻灯片切换图片宽高自适应 74.一款jQuery漂亮淡出淡入焦点大图切换源码 75.一款jquery缩略图商品切换放大展示功能插件 76.一款使用jQuery左右控制横向图片滚动的代码 77.一款基于jquery...
不仅书中的每一个小知识点都配有精心选择的小案例(总共100多个),而且还有两个非常实用的综合性案例。所有案例的讲解都非常详细,不仅有功能需求分析和完整实现代码,而且还有最终效果的展示,更重要的是,将所有...
73. 一款jQuery插件slide幻灯片切换图片宽高自适应 74. 一款jQuery漂亮淡出淡入焦点大图切换源码 75. 一款jquery缩略图商品切换放大展示功能插件 76. 一款使用jQuery左右控制横向图片滚动的代码 77. 一款基于...
jquery 的 formvalidator插件使用,以一个注册页面为例,包含多个元素的验证方式,另外附上一个多选项卡的弹出层效果
73. 一款jQuery插件slide幻灯片切换图片宽高自适应 74. 一款jQuery漂亮淡出淡入焦点大图切换源码 75. 一款jquery缩略图商品切换放大展示功能插件 76. 一款使用jQuery左右控制横向图片滚动的代码 77. 一款基于...
jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。 jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来...
Flip Out Cards是一个基于jQuery的多层次多方向弹出卡片插件,Flip Out Cards插件可以轻松实现当鼠标悬浮于卡片上时,同时从卡片的左、右、下三个方向弹出三张卡片,看起来有点像变形金刚的感觉,用于产品的说明是个...
google code上的一个开源项目源码、实例...当在一个日期单元格中有比较多的待办事项时,将出现一个更多的链接,点击这个链接会弹一个jQuery模式对话框来显示所有的事务。这个日历还支持通过CSS文件改变整个日历的背景。
支持一个页面,同时弹出多个层互不干扰 支持模式化弹出,带遮罩层 支持自定义弹出层样式 自带3个事件,开启、关闭、移除 支持自定义弹出层初始化的参数,例如:设定弹出层位置,长宽,是否需要遮罩层,标题的...
提示信息按钮支持多个,此版本为最新的稳定版。 近期将会提供更加详细的data书写格式说明,build时html格式说明,详细的options参数说明。补充内容类型的切换展示案例。 Introduction: jquery imageShown 插件可以...
jQuery Fancybox 无刷新放大图片的一个小插件,这种效果多见于一些网页相册中,看上去比较不错的效果,小图片点击后显示大图片,大图片右上角可关闭,这里使用的是一个有名的jquery插件:jquery.fancybox.js这个插件...