@陳子木 4月的資源合集夠用么？這次的我們又為開發(fā)者和設(shè)計師單獨做了一個jQuery的插件合集。有了這30款新鮮熱辣的jQuery插件，你的設(shè)計與開發(fā)會如有神助！它們不僅會讓讓你速度更快，而且能使產(chǎn)品更加人性化更酷炫！jQuery插件越來越多，這并不奇怪，因為它們正在瘋狂流行。于是，在挑選的時候，我們也容易陷入選擇強(qiáng)迫癥。為此，我們精心挑選了30款保質(zhì)保量的優(yōu)質(zhì)jQuery插件。

往期干貨合集：
一網(wǎng)打盡！4月份網(wǎng)頁前端神器+資源大集合
最新免費資源！4月份設(shè)計圈50個干貨大奉送（上）
最新免費資源！4月份設(shè)計圈50個干貨大奉送（下）

1、Data Img

這是一款處理響應(yīng)式圖片的小巧jQuery插件。

2、Font Icon Picker

這款jQuery插件可以讓你擁有一款可搜索、分頁顯示的圖標(biāo)選擇器。圖標(biāo)列表可以通過選框直接顯示，也可以直接顯示一列或者從Fontello config.json文件中直接讀取。

3、Ratchet

使用簡單的HTML、CSS和JS組件來構(gòu)建移動APP。

4、Matter.js

HTML5 JS物理引擎。

5、Notebook

一款為web應(yīng)用定制的富文本編輯器，設(shè)計簡約優(yōu)雅，所見即所得。

6、ProgressJs

ProgressJs是一款JS和CSS3的庫，它可以幫助開發(fā)者創(chuàng)建和管理頁面中任何地方的進(jìn)度條。你可以使用它來調(diào)整模板樣式，甚至可以自己定制全新的組件。

7、Doctored.js

一款全新的編輯器。

8、Placeholdem

Placeholdem是一款帶動畫效果的文本輸入JS插件。

9、Dug.js

這是一款輕量級、簡單的、與庫無關(guān)的腳本，可以抓取網(wǎng)絡(luò)上諸如JSONP這樣的內(nèi)容，并顯示在自己的網(wǎng)站上。

10、Fluidbox

能復(fù)制并提升lightbox模塊，帶有流體過渡效果。

11、Wanker

響應(yīng)式網(wǎng)頁設(shè)計已經(jīng)成為大勢所趨。然而，網(wǎng)頁信息本是用來閱讀的，而非翻來覆去擺弄的。這款插件的意義也就在此。除了能讓你的網(wǎng)頁內(nèi)容隨著瀏覽器調(diào)整和自適應(yīng)，還會在用戶調(diào)整瀏覽器尺寸的過程中，聲明信息。

12、Wookmark

一款用來創(chuàng)建動態(tài)多欄布局的jQuery插件。

13、rangeslider.js

小巧，簡單快速的JS/jQ代碼，用來填充HTML5中的 input type=" range"元素。

14、editable-table

這款jQuery插件能將任何表格轉(zhuǎn)換成可編輯的電子表格。

15、InstantClick

絕大多數(shù)的情況下，InstantClick可以使得導(dǎo)航欄的效率更高，從而極大地提高網(wǎng)站的瀏覽效率。，

16、Drop.js

首個高效下拉類庫。

17、Jquery.keyframes

jQuery keyframes可以生成并快速地運行CSS3 Keyframes，讓您更加專注內(nèi)容，同時削減代碼。

18、Highlight.js

Hlghlight.js專注于博客、論壇中的代碼案例展示。它非常易于使用，因為它會自動識別代碼，識別語言并高亮顯示它們。

19、scrollReveal.js

一款超贊的滾動動畫js代碼。

20、Fit.js

Fit.js的目標(biāo)簡單而明確：幫你將不同的東西和諧地放到一起。

21、Lazyload

這是一款為圖片，框架以及其他的東西提供延遲加載函數(shù)的jQuery插件。

22、Orbit.js

一款為數(shù)據(jù)訪問和同步設(shè)計的的獨立庫。

23、Least.js

一款帶隨機(jī)延遲加載效果的響應(yīng)式j(luò)Query、HTML5&CSS3圖片庫。

Mapsed.js

谷歌地圖的jQuery集成插件。

25、CoverPop.js

CoverPop.js是一款輕量級、并與Cookie整合的Lightbox插件。

26、jInvertScroll

一款輕量級的jQuery插件，用以實現(xiàn)向下滾動時的水平視差效果。

27、Webkit.js

一款力求同時運行于node.js和瀏覽器端的實驗性webkit JS端口。這款功能不完整的插件目前主要提供給開發(fā)者和貢獻(xiàn)者使用。

28、Args.js

Args.js插件可以讓你輕松地使用可選參數(shù)、默認(rèn)闡述、參數(shù)組和命名參數(shù)來創(chuàng)建函數(shù)。如果函數(shù)調(diào)用不正常，那么它會檢查類型并引發(fā)異常。

29、countUp.js

countUP.js是一款自由、輕量級的JS類庫，用來快速創(chuàng)建有意思的數(shù)值數(shù)據(jù)動畫。

30、Planetary.js

超酷的互動地球儀網(wǎng)頁。

Enjoy！

原文地址：splashnology
優(yōu)設(shè)網(wǎng)翻譯：@陳子木

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請尊重版權(quán)和譯者成果，轉(zhuǎn)摘請附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量67萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：