在2012年裏出現了很多很棒的jQuery插件，如結合CSS3的jQuery動畫、強大(dà)的支持多設備浏覽的響應性布局設計、使用視頻(pín)作爲網頁設計背景、jQuery圖像幻燈插件、導航、表格、表單以及像Pinterest布局等等，今天爲大(dà)家收集2012年度優秀jQuery插件精選，有100多個并又(yòu)分(fēn)類好，網頁設計師和前端開(kāi)發人員(yuán)都請勿錯過哦！
BigVIdeo JS是一(yī)個支持MP4視頻(pín)作爲整個網頁背景的jQuery插件。
這個HTML5視頻(pín)背景jQuery插件，如果網頁不支持HTML5視頻(pín)将會用圖片來代替作爲背景。
可以把YouTube視頻(pín)作爲網頁背景
這個jQuery視頻(pín)插件，除了能放(fàng)把視頻(pín)作爲整個頁面的背景外(wài)，還能放(fàng)到獨立的DIV容器裏面，具體(tǐ)請看裏面的Demo
支持關燈效果的jQuery視頻(pín)插件。
這是一(yī)個響應性布局的JQuery圖像插件。
有多種過渡效果（圖片切換效果）的幻燈片jQuery插件。
簡單的幻燈片切換插件，使用響應性布局設計。
這個jQuery幻燈片切換效果不錯。
一(yī)個全屏背景的幻燈片jQuery插件，使用了響應性布局設計。
超級簡單的幻燈片圖片切換。
這個jQuery圖像插件有點像Light Box效果，支持圖像、視頻(pín)、多圖切換，很不錯，喜歡的試試吧。
這個jQuery圖像插件有兩種放(fàng)大(dà)模式，包括onmousehover 和 onmousedown。
像使用放(fàng)大(dà)鏡查看一(yī)樣的圖像放(fàng)大(dà)效果。
和上面介紹的差不多，自己打開(kāi)看吧。
讓圖像與基線對齊，如圖，左圖是默認不對齊的，右圖是對齊後的效果。
不錯的動畫切換效果，具體(tǐ)請看例子，很棒的哦。
可以按比例生(shēng)成圖文縮略圖。
使用靜态圖像生(shēng)成的動畫，類似設計達人前面所講的文章：利用CSS Sprite實現PNG圖片動畫
全屏幻燈片背景jQuery插件，有多種切換方式。
可以調整适應容器尺寸的背景圖像
支持水平和垂直方向切換，支持拖動滑動條。
3D效果的圖片切換特效。
這個切換效果很不錯。
多種不同的幻燈片切換，如焦點圖效果、手風琴效果。
這個jQuery幻燈片插件的特别之處就是支持iPad等移動設備觸摸屏設備。
一(yī)個輕量級的全屏大(dà)圖背景切換幻燈片jQuery插件。
隻有4KB的輕量級文字切換插件。（網站之前還能訪問，剛再次訪問一(yī)下(xià)好像打不開(kāi)了>.<）
這個幻燈片jQuery插件的文字切換效果不錯，而且還有進度條查看圖片切換時間。
菜單動畫效果不錯。
優化了的水平導航插件，菜單尺寸自動适應導航區域。
下(xià)拉導航jQuery插件。
如果你要設計響應性布局的網站，哪麽這個導航插件就适合你了，當在小(xiǎo)分(fēn)辨率的設備下(xià)，菜單自己變成select下(xià)拉選擇菜單。
帶動畫的盒子導航，效果自己看啊，很難解釋……
帶動畫效果的多級菜單jQuery插件。
流布局jQuery插件，不同分(fēn)辨率切換的時候會帶動畫效果哦。
使用簡單腳本寫的流布局jQuery插件。
不錯的jQuery流布局插件，切換帶動畫效果，特别之處就是可以拖動改變容器位置。
和上面的jQuery流布局插件差不多，也是支持拖動來改變布局。
這個jQuery流布局插件不同的地方就是内容會随機展示。
一(yī)個Pinterest布局風格的RSS插件。
有延遲加載效果的流局插件。
可以調整DIV高度以對齊網格。
讓容器尺寸一(yī)至，以達到對齊顯示效果。
下(xià)一(yī)篇 100個優秀jQuery插件精選第二集
上一(yī)篇： JS+CSS幻燈展示圖片特效