20款超炫的Jquery外掛

NO IMAGE

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