2014年12月最棒的 20 個 jQuery 外掛

edithfang發表於2014-12-12

聖誕節快要來啦，但是呢，各個社群的同學們還在努力工作，他們想盡他們最大的努力把一些很cool的程式和外掛傳遞給我們的開發者和設計師們。對於CodeGeekz的粉絲來說，我們又回來啦，並且，我們又帶來了一些最近很有用的 jQuery 外掛。我們精心準備了一個好用的 jQuery 外掛的列表，希望能幫開發者們，設計師們優化，美化他們的網站和Web程式。

不管是為你們的站點圖片創造Lazy效果，還是為響應式設計新增自適應圖片，或者是漂亮的Lightbox，還是優雅的倒數計時，我們都為你們的需求提供了一些方案。使用Jquery外掛幾乎能為開發者簡化每一樣任務，還可以幫助他們學習和改進他們的站點。

如果你對下面的外掛列表有一點熟悉，那麼請和大家分享一下你的心得，或者，如果你還知道哪些好的外掛我們沒有包含在列表中的，請你在下面的評論模組中分享給我們。

1. Structured Filter

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

2. LazyFade.js

lazyFade.js 是一個使用整行元素產生fade（淡入淡出）效果的Jquery外掛。每個元素淡出後，下一個元素會有輕微的延時，這樣使整個過渡顯示非常自然。

3. HiSRC

HiSRC 是一個為響應式Web設計裡自適應圖片處理的JQuery外掛。它利用了IMG上的LOWSRC屬性, 這個屬性會先渲染一張小圖，然後再顯示大圖。然而，如果HiSRC外掛檢測到高速網路或者高解析度，它會自動替換成高解析度的圖片。

4. Bootstrap SubMenu

Bootstrap Sub-Menu 是一個為Bootstrap導航欄，下拉選單，上拉列表和pills建立sub-menus的外掛。

5. Bootstrap Calendar

Bootstrap Calendar 是一個基於Bootstrap模板的全檢視日曆，包含年，月，星期，日檢視。

6. Anchor.js

anchor.js 是一個很小，但是非常有用的JQuery外掛，它為所有本區域的連結提供了動畫效果，可以平滑地跳轉到頁面中任何元素。

7. ClassyCountdown

ClassyCountdown 使你可以更簡單地建立一個圓形的倒數計時器。它包含12個可修改的主題，而且是完全可以定製的。它使用HTML5 canvas來渲染圓形。

8. LightCase

Lightcase 是一個使用Jquery創造的靈活的，響應式的，可擴充套件的lightbox外掛。可正常工作在所有主流的瀏覽器，像 Internet Explorer 7+, Firefox, Opera, Webkit 等。它支付圖片，視訊，HTML5 視訊, iframe, swf 和 ajax 呼叫。

9. Justified.js

Justified.js 是一個用來為已有圖片建立自適應的圖片網格的JQuery外掛。充滿所有地方！這樣，實際上創造了一個包含不同尺寸圖片的優雅畫冊，同一行的所有圖片都有同樣的高度。

10. ClassyPaypal

ClassyPaypal 允許你快速新增漂亮的PayPal支付按鈕到你的站點，來進行即時和安全的支付。

11. jQuery.dragmove

jQuery.dragmove 是一個輕量級的JQuery外掛。它使Dom節點可以在沒有JQueryUI庫的情況下被拖拽。它相容可觸控裝置，還有標準的電腦滑鼠。

12. jQuery Easy Ticker

jQuery Easy Ticker 新聞輪播外掛，支援列表無限迴圈播放。它具有高度可定製性，功能靈活，還有就是在所有瀏覽器都能正常工作。

13. Gridstack

Gridstack.js 是一個為控制元件佈局而生的jQuery外掛。它是一個可以拖動的多列網格。它使你可以建立一個友好的可拖拽的，響應式的Bootstrap3的佈局. 它還和knockout.js工作得很好。

14. Hashtegny

Hashtegny 是一個來自不同社交網路的聚合標籤外掛，像Twitter, Instagram,GooglePlus。帖子被賦予很獨特的，超吸引人的動畫。

15. Before and After

Before and After 是一個為原始圖片新增一層覆蓋物作為 after版本的JQuery外掛。它提供了一個可手拖拽的操作欄，讓使用者決定要看圖片的多少部分。“before” 和 “after”兩個slides不僅可以包含圖片，還可以是HTML，例如標題。

16. ScalableLightbox