推薦給開發者的20款響應式jQuery外掛

　　jQuery是開發者的福音。2006年8月jQuery釋出之前，Web開發者經歷著痛苦的開發過程。從簡單的選單欄到複雜的內容滾動條，所有的功能都需要開發者親自開發，且花費比現在更多的時間。經歷過沒有jQuery時代的Web開發人員可以深刻地瞭解jQuery的價值。利用它可開發出各種功能的外掛是該JavaScript庫最大價值之一。這些外掛可以幫助開發者定製更復雜的動畫效果，及其他抽象效果。據統計，具有最高訪問量的10000家網站中，65%會用到jQuery外掛。本文將例舉最流行的20款響應式jQuery外掛，開發者可以從中挑選出最選合你網站的一款。

　　1. LetteringJS 

　　Lettering.js是一款漂亮的jQuery排版外掛。它取代了傳統的排版方法，包括網站中的排版字型。

　　2. TypeaheadJS

　　與Google相仿，利用該外掛，可以在你網站中增加搜尋框，幫使用者搜尋出他們期望查詢的內容。Typeahead.js由Twitter開發。

　　3. StellarJS 

　　Stellar.js可以向任何滾動元素增加視差滾動效果。

　　4. Perfect-Scrollbar 

　　該外掛可將標準的滾動條轉變成時尚、光亮的滾動條。你可以根據需要修改滾動條的顏色。

　　5. DropZoneJS 

　　DropzoneJS為開源庫，提供拖拽檔案上傳功能，並伴有圖片預覽效果。

　　6. FitText 

　　FittextJS在螢幕上顯示大號文字方面做得十分成功，它支援自動調整文字大小功能。在FittextJS推出之前，Web設計者常用圖片來顯示大號文字，它無法實現不同尺寸螢幕間的響應式顯示。該外掛很好的解決了該響應式問題。

　　7. Swipe.js 

　　Swipe為一款完美的響應式幻燈片，適合於在網站頭部下面顯示全屏寬度的幻燈片。

　　8. FlexNav 

　　FlexNav可能是製作響應式選單最完美的jQuery外掛。易於建立，易於個性化是它主要的特性。

　　9. Flexisel 

　　Flexisel是一個jQuery“旋轉木馬”外掛，其尺寸能夠自適應移動裝置的螢幕。它還可以設定是否自動播放，定義動畫速度和滑鼠移過暫停。Flexisel標準佈局能夠自適應不同的螢幕尺寸，但同時，該外掛提供了一個選項，以自定義“可見項數目的”螢幕尺寸優選為使用者提供了一個很好的經驗。

　　10. ImageloaderJS 

　　網站設計者往往忽略預載入圖片的影響。該外掛可以預載入網站中的所有圖片，從而提升網站整體載入速度。對於圖片庫類的網站，強烈推薦使用。

　　11. Magnific Popup

　　Magnific Popup為一款免費的響應式jQuery Lightbox外掛，專注於效能和為使用不同裝置的使用者提供最好的體驗。

　　12. Tiny Circleslider 

　　Tiny Circleslider是一個輕量級的環形滑塊/旋轉木馬jQuery外掛。它支援iPhone、iPad 和 Android 。可以設定一個間隔時間自動迴圈。當每一次移動，都會觸發一個回撥。它易於定製，而且只有130行程式碼。

　　13. jQuery Map Marker

　　利用Google Map API V3，在地圖上增加多個標識物，將變得很簡單。當你有一系列資料，需要同時顯示在地圖中，可以利用該外掛。

　　14.Camera 

　　這是一款非常酷的幻燈片播放外掛，可為網站提供各種不同的過渡效果。

　　15. Responsive Touch-Friendly Audio Player 

　　該外掛可以將小型音訊播放器整合入網站中，使用者可以線上聽音樂。

　　16. Huge on Facebook

　　該外掛用來高亮顯示正在產生對話的網站連結。與Google分析類似，該外掛可被看作“Facebook分析”。兩者間的唯一不同是，Huge on Facebook將分析結果展示給所有的網站使用者，而不是僅僅提供給管理員。

　　17. jQuery Spellchecker 

　　jQuery Spellchecker為一款輕量級外掛，用來檢查表單、DOM樹中的文字輸入。對一些內容的創作者十分有用。

　　18. Any List Scroller 

　　Any List Scroller外掛能夠根據任何內容、任何尺寸、任何列表產生可滾動效果。

　　19. jQuery Stripe 

　　jQuery Stripe外掛可以建立出十分酷的疊加式的畫廊展現效果。

　　20. jQuery Liquid Carousel Plugin 

　　該外掛主要用於響應式設計。該外掛的容器每次會重新計算尺寸，列表中的專案數會根據容器的新寬度重新設定。

　　原文來自：designpotato.com