`
zeng916cn
  • 浏览: 37104 次
  • 性别: Icon_minigender_1
  • 来自: 西安
文章分类
社区版块
存档分类
最新评论

50多个强大的jQuery插件应用实例

阅读更多

jQuery是近段时间里比较流行的一个JavaScript框架,不断有使用者开发出新的 jQuery插件。下面收集了50个开发者最喜欢使用的jQuery插件。这仅仅是第一个系列,你先品尝,第二道大餐即将到来。
Sliding Panels -滑动门控制
1) Sliding Panels For jQuery -元素可以展开或关闭,创建出手风琴的滑动效果。

(2) jQuery Collapse -这个jQuery插件同样点击后滑动展开或关闭DIV层。
Menu - 菜单
3) LavaLamp

menu

(4) A Navigation Menu- 锚链接的无序列表嵌套, 可以添加2级菜单

menu

(5) SuckerFish Style

menu

Tabs - 选项卡
6) jQuery UI Tabs / Tabs 3 - 基于 jQuery 的一个Tab选项卡导航

(7) TabContainer Theme - 当用户在选项卡之间进行切换时,产生JQuery风格的淡出动效果。


Accordion- 手风琴效果
8 ) jQuery Accordion

Demo
accordion

(9) Simple JQuery Accordion menu

accordion
SlideShows - 幻灯片
10) jQZoom-让你在你的网页上很简单的实现图片的缩放功能。

rating

(11) Image/Photo Gallery Viewer- 一个图像/相片的画廊展示插件。可以让你对图片进行分组、并产生像Flash一样的多种浏览特效。

rating
Transition Effects - 过渡特效
12) InnerFade - 可以让网页中的任何元素产生淡化效果

(13) Easing Plugin-另外一个简单的过渡效果插件

(14) Highlight Fade

(15) jQuery Cycle Plugin- 拥有多种过渡效果的一个Gallery插件。

accordion

奇幻的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 - 星形评级系统
rating

(29) Simple Star Rating System

30)Half-Star Rating Plugin
ToolTips -提示工具
31) Tooltip Plugin Examples - 一个花俏的提示应用。 可以对提示信息进行自定义位置, 设置阴影效果和添加更多内容等.你可以点击demo 演示.

(32) The jQuery Tooltip

tool tip
Tables Plugins -表格插件
33) Zebra Tables Demo -使用jQuery来创建出斑马线风格的数据表格,鼠标悬浮时能改变背景色。

Demo :

zebra tables

(34) Table Sorter Plugin - 把一个标准的HTML表格分解成Thead和Tbody标签构成的分类表格,不需要刷新。它能够成功地解析和整理多种类型的数据,包括联系资料。

table sorter

(35) AutoScroll for jQuery -可以生成网页表格的热点自动滚动效果

auto scroll

(36) Scrollable HTML table plugin- 用来转换表格为普通的滚动HTML。不需要额外的编码。

Demo :

Scrollable table
Draggable Droppables And Selectables 拖拽
37) Sortables - 一个简单强大的拖拽插件。

sort

(38) Draggables and droppables- 这是一个很好的演示。用来实现拖拽树形菜单项目的操作

drag drop
Style Switcher - 切换风络
39) Switch stylesheets with jQuery允许访客选择他们喜欢的网站样式,使用了Cookie记录,也就是同一个用户下次再访问时,除非他不切换,否则会保留他选择的样式。

Demo演示.
Rounded Corners 圆角效果
40) jQuery Corner Demo

rounded corners

(41) JQuery Curvy Corners- 这个插件可以让你生成光滑、无锯齿的圆角效果。

rounded 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

分享到:
评论

相关推荐

    50多个强大的jQuery插件应用实例.doc

    jquery是近段时间里比较流行的一个javascript框架,不断有使用者开发出新的 jQuery插件。下面收集了50个开发者最喜欢使用的jQuery插件。这仅仅是第一个系列,你先品尝,第二道大餐即将到来。

    jquery50个实例下载

     jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。  jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来...

    cjslip 强大的jQuery幻灯插件

    使用无门槛 无需懂得js代码编写也一样轻松使用 ">这是一个重量轻但功能强大的jQuery插件 更多实例效果详见(js geshai com) 快速解决网站上大部分特效展示 在网站上常用到的 导航菜单 幻灯片 焦点图 公告跑马灯 ...

    JavaScript_JQuery_CSS_CSS_DIV漂亮的实例123个

    73. 一款jQuery插件slide幻灯片切换图片宽高自适应 74. 一款jQuery漂亮淡出淡入焦点大图切换源码 75. 一款jquery缩略图商品切换放大展示功能插件 76. 一款使用jQuery左右控制横向图片滚动的代码 77. 一款...

    100多个JQuery效果示例(实例)div+css+javascrpit

    73. 一款jQuery插件slide幻灯片切换图片宽高自适应 74. 一款jQuery漂亮淡出淡入焦点大图切换源码 75. 一款jquery缩略图商品切换放大展示功能插件 76. 一款使用jQuery左右控制横向图片滚动的代码 77. 一款基于...

    jquery插件固定table表头

    当表格数据较多时,会导致表头随内容滚动,影响使用,因此使用jQuery做一个插件,压缩文件中有test.html是一个具体使用的案例,如果不会使用请查看https://blog.csdn.net/qq_28254093/article/details/82844050 文章

    jQuery基础案例分析(初学者入门精通最佳案例)

    jQuery基础案例分析(初学者入门精通最佳案例),内容丰富,一切用代码说话...7.jQuery插件的使用和写法 8.用jQuery打造个性网站 9.jQuery Mobile 10.jQuery各个版本的变化 11.jQuery性能优化和技巧 12.jQuery查询手册

    jQuery超多实例

    jQuery是近段时间里比较流行的一个JavaScript框架,不断有使用者开发出新的 jQuery插件。下面收集了超多实例供大家参考学习。

    web 插件版 图片放大镜 实例包 AnythingZoomer jQuery

    AnythingZoomer jQuery插件版图片放大镜实例包,和单纯的图片放大还有点不一样,这一个严格来说是放大镜的效果,放大的区域将随着鼠标的移动而移动,而且本插件是完全封装好的jQuery版,使用方法简单,不需要引入太...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    一款jQuery插件slide幻灯片切换图片宽高自适应 74.一款jQuery漂亮淡出淡入焦点大图切换源码 75.一款jquery缩略图商品切换放大展示功能插件 76.一款使用jQuery左右控制横向图片滚动的代码 77.一款基于jquery...

    jQuery权威指南-源代码

    不仅书中的每一个小知识点都配有精心选择的小案例(总共100多个),而且还有两个非常实用的综合性案例。所有案例的讲解都非常详细,不仅有功能需求分析和完整实现代码,而且还有最终效果的展示,更重要的是,将所有...

    jquery 动态示例

    73. 一款jQuery插件slide幻灯片切换图片宽高自适应 74. 一款jQuery漂亮淡出淡入焦点大图切换源码 75. 一款jquery缩略图商品切换放大展示功能插件 76. 一款使用jQuery左右控制横向图片滚动的代码 77. 一款基于...

    jquery 的 formvalidator插件使用 多选项卡的弹出层效果

    jquery 的 formvalidator插件使用,以一个注册页面为例,包含多个元素的验证方式,另外附上一个多选项卡的弹出层效果

    JavaScript_JQuery_CSS_DIV漂亮的实例

    73. 一款jQuery插件slide幻灯片切换图片宽高自适应 74. 一款jQuery漂亮淡出淡入焦点大图切换源码 75. 一款jquery缩略图商品切换放大展示功能插件 76. 一款使用jQuery左右控制横向图片滚动的代码 77. 一款基于...

    jquery 资料合集 实例

     jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。  jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来...

    jquery多方位多层次弹出卡片插件Flip Out Cards

    Flip Out Cards是一个基于jQuery的多层次多方向弹出卡片插件,Flip Out Cards插件可以轻松实现当鼠标悬浮于卡片上时,同时从卡片的左、右、下三个方向弹出三张卡片,看起来有点像变形金刚的感觉,用于产品的说明是个...

    jQuery Frontier Calendar 1.3.2

    google code上的一个开源项目源码、实例...当在一个日期单元格中有比较多的待办事项时,将出现一个更多的链接,点击这个链接会弹一个jQuery模式对话框来显示所有的事务。这个日历还支持通过CSS文件改变整个日历的背景。

    自制JQuery弹出层插件 PopupDiv-v1.0

    支持一个页面,同时弹出多个层互不干扰 支持模式化弹出,带遮罩层 支持自定义弹出层样式 自带3个事件,开启、关闭、移除 支持自定义弹出层初始化的参数,例如:设定弹出层位置,长宽,是否需要遮罩层,标题的...

    jQuery插件支持同一页面被多次调用

    提示信息按钮支持多个,此版本为最新的稳定版。 近期将会提供更加详细的data书写格式说明,build时html格式说明,详细的options参数说明。补充内容类型的切换展示案例。 Introduction: jquery imageShown 插件可以...

    jquery.fancybox图片放大显示插件用法演示.rar

    jQuery Fancybox 无刷新放大图片的一个小插件,这种效果多见于一些网页相册中,看上去比较不错的效果,小图片点击后显示大图片,大图片右上角可关闭,这里使用的是一个有名的jquery插件:jquery.fancybox.js这个插件...

Global site tag (gtag.js) - Google Analytics