圣誕節(jié)快要來啦，但是呢，各個(gè)社區(qū)的同學(xué)們還在努力工作，他們想盡他們最大的努力把一些很cool的程序和插件傳遞給我們的開發(fā)者和設(shè)計(jì)師們。對(duì)于CodeGeekz的粉絲來說，我們又回來啦，并且，我們又帶來了一些最近很有用的 jQuery 插件。我們精心準(zhǔn)備了一個(gè)好用的 jQuery 插件的列表，希望能幫開發(fā)者們，設(shè)計(jì)師們優(yōu)化，美化他們的網(wǎng)站和Web程序。

不管是為你們的站點(diǎn)圖片創(chuàng)造Lazy效果，還是為響應(yīng)式設(shè)計(jì)添加自適應(yīng)圖片，或者是漂亮的Lightbox，還是優(yōu)雅的倒計(jì)時(shí)，我們都為你們的需求提供了一些方案。使用Jquery插件幾乎能為開發(fā)者簡化每一樣任務(wù)，還可以幫助他們學(xué)習(xí)和改進(jìn)他們的站點(diǎn)。

如果你對(duì)下面的插件列表有一點(diǎn)熟悉，那么請(qǐng)和大家分享一下你的心得，或者，如果你還知道哪些好的插件我們沒有包含在列表中的，請(qǐng)你在下面的評(píng)論模塊中分享給我們。

1. Structured Filter

structured-filter 是一個(gè)通用的Web UI來建立結(jié)構(gòu)化或者過濾性的查詢。使用它，你可以寫出像“Contacts where Firstname starts with ‘A’ and Birthday after 1/1/1980 and State in (CA, NY, FL)”這樣結(jié)構(gòu)化的查詢。它是一個(gè)JQuery UI插件，支持各種各樣的配置和主題。

2. LazyFade.js

lazyFade.js 是一個(gè)使用整行元素產(chǎn)生fade（淡入淡出）效果的Jquery插件。每個(gè)元素淡出后，下一個(gè)元素會(huì)有輕微的延時(shí)，這樣使整個(gè)過渡顯示非常自然。

3. HiSRC

HiSRC 是一個(gè)為響應(yīng)式Web設(shè)計(jì)里自適應(yīng)圖片處理的JQuery插件。它利用了IMG上的LOWSRC屬性, 這個(gè)屬性會(huì)先渲染一張小圖，然后再顯示大圖。然而，如果HiSRC插件檢測(cè)到高速網(wǎng)絡(luò)或者高分辨率，它會(huì)自動(dòng)替換成高分辨率的圖片。

4. Bootstrap SubMenu

Bootstrap Sub-Menu 是一個(gè)為Bootstrap導(dǎo)航欄，下拉列表，上拉列表和pills創(chuàng)建sub-menus的插件。

5. Bootstrap Calendar

Bootstrap Calendar 是一個(gè)基于Bootstrap模板的全視圖日歷，包含年，月，星期，日視圖。

6. Anchor.js

anchor.js 是一個(gè)很小，但是非常有用的JQuery插件，它為所有本區(qū)域的鏈接提供了動(dòng)畫效果，可以平滑地跳轉(zhuǎn)到頁面中任何元素。

7. ClassyCountdown

ClassyCountdown 使你可以更簡單地創(chuàng)建一個(gè)圓形的倒計(jì)時(shí)器。它包含12個(gè)可修改的主題，而且是完全可以定制的。它使用HTML5 canvas來渲染圓形。

8. LightCase

Lightcase 是一個(gè)使用Jquery創(chuàng)造的靈活的，響應(yīng)式的，可擴(kuò)展的lightbox插件?？烧９ぷ髟谒兄髁鞯臑g覽器，像 Internet Explorer 7+, Firefox, Opera, Webkit 等。它支付圖片，視頻，HTML5 視頻, iframe, swf 和 ajax 調(diào)用。

9. Justified.js

Justified.js 是一個(gè)用來為已有圖片創(chuàng)建自適應(yīng)的圖片網(wǎng)格的JQuery插件。充滿所有地方！這樣，實(shí)際上創(chuàng)造了一個(gè)包含不同尺寸圖片的優(yōu)雅畫冊(cè)，同一行的所有圖片都有同樣的高度。

10. ClassyPaypal

ClassyPaypal 允許你快速添加漂亮的PayPal支付按鈕到你的站點(diǎn)，來進(jìn)行即時(shí)和安全的支付。

#p#

11. jQuery.dragmove

jQuery.dragmove 是一個(gè)輕量級(jí)的JQuery插件。它使Dom節(jié)點(diǎn)可以在沒有JQueryUI庫的情況下被拖拽。它兼容可觸摸設(shè)備，還有標(biāo)準(zhǔn)的電腦鼠標(biāo)。

12. jQuery Easy Ticker

jQuery Easy Ticker 新聞?shì)啿ゲ寮?，支持列表無限循環(huán)播放。它具有高度可定制性，功能靈活，還有就是在所有瀏覽器都能正常工作。

13. Gridstack

Gridstack.js 是一個(gè)為控件布局而生的jQuery插件。它是一個(gè)可以拖動(dòng)的多列網(wǎng)格。它使你可以創(chuàng)建一個(gè)友好的可拖拽的，響應(yīng)式的Bootstrap3的布局. 它還和knockout.js工作得很好。

14. Hashtegny

Hashtegny 是一個(gè)來自不同社交網(wǎng)絡(luò)的聚合標(biāo)簽插件，像Twitter, Instagram,GooglePlus。帖子被賦予很獨(dú)特的，超吸引人的動(dòng)畫。

15. Before and After

Before and After 是一個(gè)為原始圖片添加一層覆蓋物作為 after版本的JQuery插件。它提供了一個(gè)可手拖拽的操作欄，讓用戶決定要看圖片的多少部分。“before” 和 “after”兩個(gè)slides不僅可以包含圖片，還可以是HTML，例如標(biāo)題。

16. ScalableLightbox

ScalableLightbox 是一個(gè)打造優(yōu)美，簡約，響應(yīng)式的Lightbox型JQuery插件。它的主要特點(diǎn)是提供了一個(gè)縮略圖預(yù)覽，還有一個(gè)Lightbox模塊來顯示高分辨率的圖片。這一切都是響應(yīng)式的。

17. Purlplecoat.js

Purplecoat.js 是一個(gè)可以通過點(diǎn)擊事件觸發(fā)的創(chuàng)建標(biāo)簽層的插件。而且！你不需要寫一句Javascript代碼。

18. jQuery.Imageview

jQuery.imageView 是一個(gè)使圖片可放大查看的JQuery插件。

19. Chocolat

Chocolat 是一個(gè)強(qiáng)大易用的響應(yīng)式的jQuery lightbox插件。

20. jQuery Awesome Cursor

Awesome Cursor 是一個(gè)使用FontAwesomeicons作為自定義光標(biāo)的JQuery插件。在Chrome and FireFox工作正常。

英文原文：20 Best jQuery Plugins for December 2014

原文鏈接：http://www.oschina.net/translate/20-best-jquery-plugins-december-2014