在2012年里出现了很多很棒的jQuery插件,如结合CSS3的jQuery动画、强大的支持多设备浏览的响应性布局设计、使用视频作为网页设计背景、jQuery图像幻灯插件、导航、表格、表单以及像Pinterest布局等等,今天为大家收集2012年度优秀jQuery插件精选,有100多个并又分类好,网页设计师和前端开发人员都请勿错过哦!
BigVideo.js
BigVIdeo JS是一个支持MP4视频作为整个网页背景的jQuery插件。
Video Background
这个HTML5视频背景jQuery插件,如果网页不支持HTML5视频将会用图片来代替作为背景。
tubular
可以把YouTube视频作为网页背景
videoBG
这个jQuery视频插件,除了能放把视频作为整个页面的背景外,还能放到独立的DIV容器里面,具体请看里面的Demo
Allofthelight.js
支持关灯效果的jQuery视频插件。
图像相册幻灯片系列插件
Gamma Gallery
这是一个响应性布局的JQuery图像插件。
Cycle2
有多种过渡效果(图片切换效果)的幻灯片jQuery插件。
Blueberry
简单的幻灯片切换插件,使用响应性布局设计。
jq-tiles
这个jQuery幻灯片切换效果不错。
RSlider
一个全屏背景的幻灯片jQuery插件,使用了响应性布局设计。
Really Simple Slideshow
超级简单的幻灯片图片切换。
图像放大jQuery插件
Fresco
这个jQuery图像插件有点像Light Box效果,支持图像、视频、多图切换,很不错,喜欢的试试吧。
Zoom
这个jQuery图像插件有两种放大模式,包括onmousehover 和 onmousedown。
jquery.snipe
像使用放大镜查看一样的图像放大效果。
mlens
和上面介绍的差不多,自己打开看吧。
图像与文字相关的jQuery插件
Baseline
让图像与基线对齐,如图,左图是默认不对齐的,右图是对齐后的效果。
lenticular.js
不错的动画切换效果,具体请看例子,很棒的哦。
NailThumb
可以按比例生成图文缩略图。
JZoopraxiscope
使用静态图像生成的动画,类似设计达人前面所讲的文章:利用CSS Sprite实现PNG图片动画
背景图像相关的jQuery插件
bgStretcher
全屏幻灯片背景jQuery插件,有多种切换方式。
Anystretch
可以调整适应容器尺寸的背景图像
图文切换的幻灯片插件
Sly
支持水平和垂直方向切换,支持拖动滑动条。
RefineSlide
3D效果的图片切换特效。
iView
这个切换效果很不错。
Evo Slider
多种不同的幻灯片切换,如焦点图效果、手风琴效果。
iosSlider
这个jQuery幻灯片插件的特别之处就是支持iPad等移动设备触摸屏设备。
Superslides
一个轻量级的全屏大图背景切换幻灯片jQuery插件。
Casual Slider
只有4KB的轻量级文字切换插件。(网站之前还能访问,刚再次访问一下好像打不开了>.<)
ayaSlider
这个幻灯片jQuery插件的文字切换效果不错,而且还有进度条查看图片切换时间。
菜单导航相关的jQuery插件
Stairway
菜单动画效果不错。
HorizontalNav
优化了的水平导航插件,菜单尺寸自动适应导航区域。
jPanelMenu
下拉导航jQuery插件。
TinyNavi
如果你要设计响应性布局的网站,哪么这个导航插件就适合你了,当在小分辨率的设备下,菜单自己变成select下拉选择菜单。
BoxyMenu
带动画的盒子导航,效果自己看啊,很难解释……
jQSimpleMenu
带动画效果的多级菜单jQuery插件。
设计布局相关的jQuery插件
Grid-A-Licious
流布局jQuery插件,不同分辨率切换的时候会带动画效果哦。
Wookmark
使用简单脚本写的流布局jQuery插件。
Shapeshift
不错的jQuery流布局插件,切换带动画效果,特别之处就是可以拖动改变容器位置。
gridster
和上面的jQuery流布局插件差不多,也是支持拖动来改变布局。
BlocksIt.js
这个jQuery流布局插件不同的地方就是内容会随机展示。
Socialist
一个Pinterest布局风格的RSS插件。
stalactite
有延迟加载效果的流局插件。
grrrid
可以调整DIV高度以对齐网格。
equalize.js
让容器尺寸一至,以达到对齐显示效果。