2012年50+最有用的jQuery插件

标签: 网页设计 jquery WEB 创意 网站设计 | 发表时间:2013-01-27 08:32 | 作者:jackchen
出处:http://www.jackchen.cn/blog


对于网页设计师或者前端设计师来说去过的一年里jQuery一定在你需要的时候帮过你不少次。让你可以在最短的时间里去解决一些很棘手的技术问题。这些插件通常被我们运用在幻灯图片上。当然随着使用者越来越多,人们也发现其简单易实现的特征。所以更多的人开始编写各种有用实用的jQuery插件。这让很多网页设计师兴奋不已。甚至开始偏向的去研究jQuery。这却是是一个太经典的工具,让工作变得更加高效和高质。今天我们就要分享给大家的是我们在过去的一年里总结出来的一些非常优秀的jQuery插件集合。收集和查看你会得到更多的设计灵感和创意。

网页布局插件

equalize.js

equalize.js是一个非常有用的jQuery插件均衡的任何元素的高度或宽度。

equalize.js→

Freetile.js

Freetile组织你的内容在一个高效,动态和响应的布局。它可以施加到一个容器元素,使得屏幕空间变得最佳。

Freetile.js→

gridster.js

Gridster是一个插件thathelps,建立直观的可拖动的元素横跨多个列的布局。你甚至可以动态添加和删除元素。

gridster.js→

Zoomooz.js

Zoomooz.js是一个易于使用的插件,使任何网页元素放大。它支持3D转换,转换时,不显示隐藏的元素,可以在Internet Explorer中的动力学滚动。

Zoomooz.js→

Wookmark

Wookmark是一个插件,用于创建一个动态的,多列布局。

Wookmark→

jQuery的HiddenPosition

jQuery的HiddenPosition是一个插件,可以让你放置任何元素,即使它们被隐藏。这个插件就像从jQuery UI插件的位置,除此外还能够隐藏要素。

jQuery的HiddenPosition→

Stellar.js

Stellar.js是一个jQuery插件,提供视差滚动效果。

Stellar.js→

turn.js

turn.js是一个ightweight的(仅15K)jQuery插件增添了一道亮丽的过渡到实际的页面在一本书或杂志HTML5。它可以使用在平板电脑和智能手机。

turn.js→

响应测量

响应措施是一个简单的脚本。

响应测量→

jQuery的滚动路径

jQuery的滚动路径是一个插件,可以让你定义自己的自定义滚动路径。。

jQuery的滚动路径→

导航插件

Horizo​​ntalNav

Horizo​​ntalNav→

stickyMojo

stickyMojo是一个轻量级的,快速和灵活的侧边栏插件。

stickyMojo→

ddSlick

ddSlick是轻量级的插件,允许你创建一个自定义的下拉列表中的图像和说明。

ddSlick→

jQuery的折叠

jQuery的折叠提供了一个方便。它包含的功能,如cookie的持久性,ARIA合规,被设计成灵活的,模块化的,足够在许多不同的情况下使用。

jQuery的折叠→

jQuery的手风琴

Akordeon背后的想法是提供一个轻量级的,可定制的接口,可折叠的面板。

jQuery的手风琴→

表格插件

jQuery的Complexify

Complexify帮助用户准确评估的质量,他们的密码,然后给他们的视觉反馈来强制执行最低级别的安全性。

jQuery的Complexify→

jQuery文件上传

jQuery文件上传文件上传部件选择多个文件,拖放支持,进度栏和预览图像。

jQuery文件上传→

jQuery的信用卡验证

jQuery的信用卡验证程序检测和验证信用卡号码。它会告诉你检测到的信用卡类型和号码长度和LUHN校验是否是有效卡的类型。

jQuery的信用卡验证→

Filtrify

Filtrify是一种先进的标签过滤插件。您可以搜索标签内标签和过滤器项目由多个不同类别的标签,并包含相关标签的物品的数量得到实时反馈。

Filtrify→

MAILCHECK

MAILCHECK是一个jQuery插件,当你的用户拼写错误的电子邮件地址,表明正确的域。

MAILCHECK→

滑动条和旋转木马插件

响应旋转木马

响应传送带是一个旋转木马的脚本,将使用鼠标,触摸和键盘。默认的包,你可以申请加入一个数据属性,包括一些额外的CSS /滑动阻力过渡。也有其他的源文件夹内(可扩展),如翻转和淡入淡出的过渡,自动播放,键盘处理,分页,多。

响应转盘→

iosSlider

iosSlider是一个jQuery插件,一个负责任的,可定制的,跨浏览器的内容滑块。它可以用来作为一个内容滑块,旋转木马,滚动网站横幅,或一个图片库。

iosSlider→

RSlider

RSlider是一个全屏幕的响应图像和内容滑块。有了一个很好的和简单的设计,它会自动调整您的浏览器的宽度。

RSlider→

壁画

壁画是一个负责任的灯箱插件。它可以被用来创建令人惊叹的伟大的工作的覆盖在任何屏幕尺寸,在所有浏览器上的每一台设备。它配备了全屏放大,视网膜准备的皮肤,的YouTube和Vimeo HTML5视频和一个强大的JavaScript API的集成。

壁画→

BookBlock:A内容的翻转插件

BookBlock是一个jQuery插件,可用于创建小册子的组件,允许一个“翻页”的导航。可以将任何内容,如图像或文本。

BookBlock:A内容的翻转插件的→

适配器

适配器是一个轻量级的内容滑块,提供了一个简单的接口来创建很酷的二维或三维幻灯片的动画过渡。目前,只有3D的支持WebKit和Firefox浏览器,所有其他浏览器将回退到一个简单的淡入淡出过渡优雅。

适配器→

rcarousel

rcarousel是一个jQuery UI连续的旋转木马与一些很酷的功能。它是高度可定制,并支持更老的浏览器(虽然不IE6)。

rcarousel→

Rhinoslider

Rhinoslider是一个灵活的多重效果滑块/幻灯片。它可以用来作为一个简单的衰落或滑动的jQuery幻灯片演示,或作为一个丰富的效果的jQuery滑块。

Rhinoslider→

Sequence.js

“的序列是一款滑盖无限风情插件。” 没有强迫你使用一组主题的网站滑块,它提供了完整的功能。事实上,序列有没有内置的主题。

Sequence.js→

Glisse.js

Glisse.js是一个简单的,反应迅速,完全可定制的jQuery图片浏览器。

Glisse.js→

μslider

μslider是一个jQuery的内容滑块插件。这是非常容易使用,因为它有一些基本的配置选项,可以直截了当地。

μslider→

ResponsiveSlides.js

ResponsiveSlides.js是一个很小的jQuery插件,创建一个具有响应幻灯片使用一个单一的容器内的图像。

ResponsiveSlides.js→

图表和图形插件

Morris.js

Morris.js是一个轻量级的库使用jQuery和拉斐尔图时间序列图方便的。

Morris.js→

jQuery的组织结构图

jQuery的组织结构图是一个插件,允许您呈现一个易于阅读的树状结构中的嵌套元素的结构。

jQuery的组织结构图→

Web版式插件

熏肉

培根是一个jQuery插件,可以让文字围绕一个贝塞尔曲线或直线。

培根→

Textualizer

Textualizer是一个很酷的插件,它允许你通过导语的文字过渡。

Textualizer→

slabText

slabText是一个jQuery插件,分裂成调整大小的每一行的行前的头条新闻,以填补可用的水平空间。

slabText→

trunk8

trunk8是一个文本截断插件jQuery的。当应用到一个大的文本块,它会切断足够的文本,以防止其蔓延。

trunk8→

图像效果插件

tiltShift.js

tiltShift.js是一个厉害的jQuery插件,使用CSS3的图像过滤器,复制移轴效果。

tiltShift.js→

jQuery的图片

jQuery的图片是一个插件,支持响应图像添加到您的网页。它同时支持一些自定义的数据属性的图形元素。

jQuery的图片→

ImageMapster

ImageMapster,可以激活不使用Flash的HTML图像映射。它的工作原理几乎无处不在的Javascript,包括现代的浏览器,Internet Explorer 6,iPads,iPhones和机器人等移动设备。

ImageMapster→

响应图

根据其容器的宽度,交换图像的src属性时,DOM是准备和调整大小时,浏览器响应图是一个jQuery插件。您可以添加到任何网站的响应图,没有创造新的图像。

响应图→

直道

直道是一个简单的插件,它允许你添加一个动态调整大小的背景图像的任何页面。

直道→

和所有其余的…

jQuery的交通

jQuery创建超平滑的jQuery的CSS3转换和过渡。

jQuery的中转→

noty

noty通知是一个jQuery插件,让您轻松地创建警报,成功,错误和确认消息。

noty→

jQuery的地图标记

地图标记的jQuery插件,可以很容易地把多个标记在地图上使用谷歌地图API V3。

jQuery的地图标记→

jHERE

jHERE是一个轻量级的(只有4KB&#1.95kb gzip压缩的)jQuery插件,可以让你轻松地添加交互式地图到您的网站。您得到一个强大的地图API,高度可定制的标记,事件处理和信息气泡,并与的KML支持和数据可视化,通过热图。

jHERE→

jQuery的矢量地图

JQVMap是一个jQuery插件,使用可调整大小的可伸缩矢量图形(SVG),使矢量地图。它的工作原理的所有modernern浏览器和传统支持旧版本的IE 6-8通过VML。

jQuery的矢量地图→

SocialCount

SocialCount是一个轻量级(2.93KB后,闵+ gzip的)和易于使用的jQuery插件逐步增强,延迟加载,移动友好的社交网络部件。目前,它支持Facebook,Twitter和Google+的。

SocialCount→

Tooltipster

Tooltipster是一种重量轻,易于风格的jQuery插件,可以帮助您轻松地创建清洁HTML5验证工具提示。

Tooltipster→

BigVideo.js

BigVideo.js可以很容易地添加到您的网站适合填充背景视频。它可以播放无声的环境背景视频,或一个系列的影片。你也可以用它来展现大的背景图像。

BigVideo.js→

CALENDARIO

CALENDARIO是一个实验性的尝试一些网格布局,可以被应用到日历的jQuery插件。

Allofthelights.js→


Via


猜您也喜欢:

2012年50+最喜爱的网页设计

21个更具人性化的WEB滑块设计

10个jQuery插件使您的设计生活更轻松

伟大新鲜的jQuery插件和网页设计资源
来自无觅网络的相关文章:

酷站欣赏:2012年度最独特的网页设计作品展示 (@yixieshi)

最佳6款用于移动网站开发的 jQuery 图片滑块插件_ARTFANS视觉杂志™ (@artfans)

jQuery 图片点击特效 (@poboo)

[jquery图片特效]8款时尚的 jQuery 图片滚动插件 (@yixieshi)
无觅

相关 [jquery 插件] 推荐:

jquery 插件

- - JavaScript - Web前端 - ITeye博客
 jQuery插件的开发包括两种:. 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法. jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法. 下面就两种函数的开发做详细的说明. 1 、类级别的插件开发.

常用JQuery插件整理

- xxg - 博客园-首页原创精华区
  虽然自己也写过插件,但JQuery插件种类的繁多,大多时候,我还是使用别人写好的插件,这些都是我用了同类插件里较为不错的一些,今天就整理一下公开放出来.   jquery.HooRay(哈哈,自己写的插件是必须有的).   jquery UI(官方的UI插件,功能很多,但我只用少数几个).   artDialog(很欣赏这个插件,又强大又美观).

2010年最佳jQuery插件

- seenxu - 博客园新闻频道
在2010年,JavaScript框架继续日渐普及,这使得大量的插件被开发出来. WDL的作者从大量的优秀 jQuery插件精心筛选出一些对Web Designers有帮助的和具备非常不错的视觉效果的Best of the best. 2010年最佳jQuery插件(排名不分先后):. 一个加载设置拥有9种过度效果的超级smooth slider,它还支持如链接图像和键盘导航等内容.

JQuery图表插件——Highcharts

- We_Get - 博客园-首页原创精华区
因为项目中需要用到图表生成,所有Google了下,找到了这个插件,顺带写了个DEMO. 先上三个图,分别是曲线、柱状、扇形. 图表中的数据纯属于DEMO的测试数据,没有实际用意. 第一步,下载并且引用JS包(highcharts.js),theme顾名思义是放皮肤的. 可以下载DEMO逐一试试就知道效果怎么样了,上图就应用了两个样式.

[原]jQuery ListBox Plugin(ListBox插件)

- We_Get - 博客园-首页原创精华区
转载请注明作者(think8848)和出处(http://think8848.cnblogs.com). 未经作者同意,请勿擅自修改本文内容. 这两天项目中要用到类似于ListBox的功能了,本以为有很多jQuery插件,没有想到的是,居然没有搜到好用的,咋办呢,自已动手丰衣足食吧,于是花了一个晚上的时间做出来一个,上效果图:.

jquery Dialog - 弹出窗插件

- Bloger - 博客园-首页原创精华区
    分享几个jquery Dialog弹出窗插件.     1)Zebra_Dialog是一个可灵活配置的对话框jQuery插件,大小只有4KB,要求jQuery 1.5.2+支持. 可用于替换JavaScript原始的“alert” 和“confirmation”对话框. 这个插件使用jQuery Plugin Boilerplate构建.

jQuery 插件autocomplete 应用

- Bloger - 博客园-首页原创精华区
  项目中有时会用到自动补全查询,就像Google搜索框、淘宝商品搜索功能,输入汉字或字母,则以该汉字或字母开头的相关条目会显示出来供用户选择, autocomplete插件就是完成这样的功能.   autocomplete官网 : http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ (可下载jQuery autocomplete插件).

jquery插件的开发

- - CSDN博客推荐文章
插件的概念大家并不陌生了,插件可以很方便我们进行代码开发,大大节约了我们的开发时间. 以前我用jquery都是自己洗一大把的代码,复用性不高维护也不方便. 因此自己学着开发了2个简单的jquery插件. 下面先看下jquery插件的分类. jQuery开发分为两种:. 类级别你可以理解为拓展jquery类,最明显的例子是$.ajax(...),相当于静态方法.

jQuery 绘图插件:jqPlot

- - 我爱水煮鱼
jqPlot 是一个 jQuery 这个 JavaScript 框架的绘图插件, jqPlot 能够产生很多漂亮优雅的线图和条形图. 默认最优设置,非常易于使用. jQuery 绘图插件:jqPlot. 使用 jqPlot 基本可以控制图表的每一个部分,如网格的背景,字体和大小,等等,并且 jqPlot 自己本身也有插件支持系统,所以它可以很容易扩展新的图表类别和选项.

jQuery 模块介绍与 jQuery 插件的深度模块化

- zhibin - 岁月如歌
大名鼎鼎的 jQuery 就不多介绍了,详细介绍推荐官网:jquery.com. 阮一峰最近整理的文章也不错,推荐:jQuery 设计思想, jQuery 最佳实践. jQuery 是 DOM 操作类库,其核心功能是找到 DOM 元素并对其进行操作. 拿 jQuery 与 YUI, Dojo 等框架相比是不公平的,就如拿轮胎和汽车相比一样.