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