25個可遇不可求的jQuery外掛

csdn發表於2014-03-14

  隨著jQuery外掛在網站建設過程中的使用率不斷的增加,所以有必要跟進時代步伐開發出一些新的外掛/程式碼片段,以此來鞏固並提高前端使用者體驗,將使用者體驗提升到一個新的高度。 

  接下來所推薦的這些外掛中有滑塊、地圖、圖片旋轉塊等等,可以說是最好的、完全免費的jQuery外掛。 

  1. Flat jQuery Price Slider   例項|下載

  這個jQuery價格滑塊可以在一定範圍內選擇需要的價錢,不管你是做開發專案的還是設計專案,它都會起很大的作用。記住,這個外掛完全免費。 

  2. Gmaps jQuery Map Plugin   例項|下載

  GMaps.js是一個JavaScript外掛,通過它可以很容易地在你的應用程式中使用谷歌地圖,幷包含了多個選項,如地圖、方向、資訊框等等。它的指令碼是由很少的程式碼和簡潔文件構成的。因為安裝操作很簡單,所以要想讓程式碼實現功能就得自己動手。

  3. FormChimp——MailChimp Ajax plugin for jQuery   例項|下載

  FormChimp是jQuery裡的一個可定義的MailChimp Ajax外掛,為使用者提供一個簡便的註冊方式,這樣的話使用者在你的MailChimp列表裡註冊就不是一件麻煩的事了。 

  4. OWL Carousel   例項|下載

  此jQuery外掛具有的觸控功能可以讓使用者建立出好看的響應式旋轉滑塊。 

  5. jQuery Spellchecker   例項|下載

  這個輕量級的jQuery外掛能檢查文字文件裡的單詞拼寫的正確性,主要是用在一個表單欄位裡或者是在DOM目錄裡。 

  6. Chart js   下載

  Chart.js 是一個令人印象深刻的 JavaScript 圖表庫,建立在 HTML5 Canvas 基礎上。目前,它支援6種圖表型別:折線圖、條形圖、雷達圖、餅圖、柱狀圖和極地區域區。而且,這是一個獨立的包,不依賴第三方JavaScript 庫,小於 5KB。顏色,字型,邊框和它們的尺寸都可以定製,圖表可以動畫的形式載入,非常炫。

  7. Email-autocomplete   例項|下載

  這個外掛會建議你或者是直接在郵件位址列裡自動填寫完域名。

  8. Draggabilly   例項|下載

  你可以用這個外掛做一些可拖動的jQuery程式碼片段。 

  9. Interact.js   例項|下載

  這是一個為電腦和移動裝置上的瀏覽器而製作的可拖放、重置大小、調整手勢的外掛。

  10. Sortable   例項|下載

  它是一個極簡單的JavaScript類庫,主要是為現代瀏覽器和觸控裝置而制定的。 

  11. rowGrid.js   例項|下載

  大小隻有800bytes gzipped的輕量級jQuery外掛用處是把圖片或其它專案排版在連續的行內。

  12. Scattered Polaroid gallery   例項|下載

  這個外掛可以在容器裡隨機排版這些相片,當你選中了一個專案的時候它就會移動到螢幕中間,其它專案自動閃到旁邊。

  13. Viewport Image Resize   例項|下載

  操作上比較簡單,沒有任何麻煩,重新設定影象大小和對圖片進行修剪,這些都是基於pseudo檢視而做的。 

  14. jQueryUI Limitslider   例項|下載

  這一滑塊外掛允許在一條選擇線上做出多個滑塊,這些滑塊可以用來代表位置、尺寸、舉例等等,同時還可以在滑塊上做標籤或者是懸浮標題。

  15. Freewall   例項|下載

  Freewall是一個跨瀏覽器、響應式的jQuery外掛,可以建立出多種多樣適用在電腦、移動裝置和平板電腦上的網格佈局。

  16. jQuery fontIconPicker   例項|下載

  這個只有1.58kb gzipped大小的外掛,可以讓使用者建立一個帶有搜尋功能的簡單的圖示選擇器放在管理列表裡。

  17. Bootstrap-dialog   例項|下載

  這個外掛會讓使用者使用Bootstrap的模型更加熟練。 

  18. jquery.tabelizer   例項|下載

  Tabelizer 1.0.3——用在表格上的多層次分組指標器。

  19. Facebook Badge Jquery Plugin   例項|下載

  FaceBadge可以在使用者網站上新增了一個Facebook頁面標記,用起來更省事。 

  20. Croppic   專案網頁

  這是一個用來裁剪圖片的jQuery外掛,效果超出你想象。 

  21. JQuery Plugin for Google Drive API   例項|下載

  這個外掛主要是為了讓在不同裝置上的Google Drive能夠同步協作,傳輸檔案等等,包括是Android裝置。 

  22. Pick-a-Color   例項|下載

  這項外掛的設計之初就是希望所有人都能使用它,它的介面主要是基於Twitter Bootstrap的風格而設計,所以看起來比較親切。 

  23. Simple Vertical Menu   下載程式碼

  看上去很簡單,但是很時髦的一個外掛,使用了一些CSS3和jQuery技術,擁有自定義字型和令人影響深刻的標記圖案。 

  24. jQuery Message Form   下載程式碼

  這只是一個很小的字元計數器的實驗版本。 

  25. Magnifying Glass Plugin with jQuery and CSS3   專案主頁

  這是一個放大鏡外掛,會放大顯示滑鼠所經過的區域。  

  原文來自:DesignScrazed

相關文章