在2012年里出現(xiàn)了很多很棒的jQuery插件,如結(jié)合CSS3的jQuery動(dòng)畫、強(qiáng)大的支持多設(shè)備瀏覽的響應(yīng)性布局設(shè)計(jì)、使用視頻作為網(wǎng)頁(yè)設(shè)計(jì)背景、jQuery圖像幻燈插件、導(dǎo)航、表格、表單以及像Pinterest布局等等,今天為大家收集2012年度優(yōu)秀jQuery插件精選,有100多個(gè)并又分類好,網(wǎng)頁(yè)設(shè)計(jì)師和前端開發(fā)人員都請(qǐng)勿錯(cuò)過(guò)哦!
BigVideo.js
BigVIdeo JS是一個(gè)支持MP4視頻作為整個(gè)網(wǎng)頁(yè)背景的jQuery插件。
Video Background
這個(gè)HTML5視頻背景jQuery插件,如果網(wǎng)頁(yè)不支持HTML5視頻將會(huì)用圖片來(lái)代替作為背景。
tubular
可以把YouTube視頻作為網(wǎng)頁(yè)背景
videoBG
這個(gè)jQuery視頻插件,除了能放把視頻作為整個(gè)頁(yè)面的背景外,還能放到獨(dú)立的DIV容器里面,具體請(qǐng)看里面的Demo
Allofthelight.js
支持關(guān)燈效果的jQuery視頻插件。
圖像相冊(cè)幻燈片系列插件
Gamma Gallery
這是一個(gè)響應(yīng)性布局的JQuery圖像插件。
Cycle2
有多種過(guò)渡效果(圖片切換效果)的幻燈片jQuery插件。
Blueberry
簡(jiǎn)單的幻燈片切換插件,使用響應(yīng)性布局設(shè)計(jì)。
jq-tiles
這個(gè)jQuery幻燈片切換效果不錯(cuò)。
RSlider
一個(gè)全屏背景的幻燈片jQuery插件,使用了響應(yīng)性布局設(shè)計(jì)。
Really Simple Slideshow
超級(jí)簡(jiǎn)單的幻燈片圖片切換。
圖像放大jQuery插件
Fresco
這個(gè)jQuery圖像插件有點(diǎn)像Light Box效果,支持圖像、視頻、多圖切換,很不錯(cuò),喜歡的試試吧。
Zoom
這個(gè)jQuery圖像插件有兩種放大模式,包括onmousehover 和 onmousedown。
jquery.snipe
像使用放大鏡查看一樣的圖像放大效果。
mlens
和上面介紹的差不多,自己打開看吧。
圖像與文字相關(guān)的jQuery插件
Baseline
讓圖像與基線對(duì)齊,如圖,左圖是默認(rèn)不對(duì)齊的,右圖是對(duì)齊后的效果。
lenticular.js
不錯(cuò)的動(dòng)畫切換效果,具體請(qǐng)看例子,很棒的哦。
NailThumb
可以按比例生成圖文縮略圖。
JZoopraxiscope
使用靜態(tài)圖像生成的動(dòng)畫,類似設(shè)計(jì)達(dá)人前面所講的文章:利用CSS Sprite實(shí)現(xiàn)PNG圖片動(dòng)畫
背景圖像相關(guān)的jQuery插件
bgStretcher
全屏幻燈片背景jQuery插件,有多種切換方式。
Anystretch
可以調(diào)整適應(yīng)容器尺寸的背景圖像
圖文切換的幻燈片插件
Sly
支持水平和垂直方向切換,支持拖動(dòng)滑動(dòng)條。
RefineSlide
3D效果的圖片切換特效。
iView
這個(gè)切換效果很不錯(cuò)。
Evo Slider
多種不同的幻燈片切換,如焦點(diǎn)圖效果、手風(fēng)琴效果。
iosSlider
這個(gè)jQuery幻燈片插件的特別之處就是支持iPad等移動(dòng)設(shè)備觸摸屏設(shè)備。
Superslides
一個(gè)輕量級(jí)的全屏大圖背景切換幻燈片jQuery插件。
Casual Slider
只有4KB的輕量級(jí)文字切換插件。(網(wǎng)站之前還能訪問,剛再次訪問一下好像打不開了>.<)
ayaSlider
這個(gè)幻燈片jQuery插件的文字切換效果不錯(cuò),而且還有進(jìn)度條查看圖片切換時(shí)間。
菜單導(dǎo)航相關(guān)的jQuery插件
Stairway
菜單動(dòng)畫效果不錯(cuò)。
HorizontalNav
優(yōu)化了的水平導(dǎo)航插件,菜單尺寸自動(dòng)適應(yīng)導(dǎo)航區(qū)域。
jPanelMenu
下拉導(dǎo)航j(luò)Query插件。
TinyNavi
如果你要設(shè)計(jì)響應(yīng)性布局的網(wǎng)站,哪么這個(gè)導(dǎo)航插件就適合你了,當(dāng)在小分辨率的設(shè)備下,菜單自己變成select下拉選擇菜單。
BoxyMenu
帶動(dòng)畫的盒子導(dǎo)航,效果自己看啊,很難解釋……
jQSimpleMenu
帶動(dòng)畫效果的多級(jí)菜單jQuery插件。
設(shè)計(jì)布局相關(guān)的jQuery插件
Grid-A-Licious
流布局jQuery插件,不同分辨率切換的時(shí)候會(huì)帶動(dòng)畫效果哦。
Wookmark
使用簡(jiǎn)單腳本寫的流布局jQuery插件。
Shapeshift
不錯(cuò)的jQuery流布局插件,切換帶動(dòng)畫效果,特別之處就是可以拖動(dòng)改變?nèi)萜魑恢谩?
gridster
和上面的jQuery流布局插件差不多,也是支持拖動(dòng)來(lái)改變布局。
BlocksIt.js
這個(gè)jQuery流布局插件不同的地方就是內(nèi)容會(huì)隨機(jī)展示。
Socialist
一個(gè)Pinterest布局風(fēng)格的RSS插件。
stalactite
有延遲加載效果的流局插件。
grrrid
可以調(diào)整DIV高度以對(duì)齊網(wǎng)格。
equalize.js
讓容器尺寸一至,以達(dá)到對(duì)齊顯示效果。