互聯(lián)網(wǎng)是一個(gè)神奇的東西，你在這里碰到臭味相投的朋友，發(fā)現(xiàn)世界各個(gè)角落的趣聞。最有意思的是，總有人能想到一些新奇古怪好玩有趣的點(diǎn)子，分享給整個(gè)世界，讓我們的工作更輕松，讓我們的生活更有意思。實(shí)際上jQuery就是這樣誕生的，然后世界范圍內(nèi)許多著名的開發(fā)者開始制作出更多實(shí)用而好用的jQuery插件，它們不僅可以自由使用，而且保持著輕量級(jí)的狀態(tài)，不會(huì)對(duì)服務(wù)器產(chǎn)生太大的壓力。

jQuery 的存在讓網(wǎng)頁設(shè)計(jì)和開發(fā)變得更加簡(jiǎn)單快捷，用好它確實(shí)能事半功倍。在大概半年前我們?cè)?jīng)整理過一波jQuery插件：《想讓網(wǎng)頁更酷炫！不要錯(cuò)過這30款免費(fèi)JQUERY插件合集》。隨著時(shí)間推移，更多的優(yōu)秀插件橫空出世，于是，今天我們又搜集整理了30款實(shí)用驚艷的jQuery插件，幫你加速設(shè)計(jì)開發(fā)。

搜集整理的時(shí)刻到了！接下來，你可以快速瀏覽整個(gè)列表找若干你正好需要的，或者全部下載下來以備不時(shí)之需。但是前往別忘記了，干貨易得，但是只有實(shí)踐之后才能真正掌控！

網(wǎng)頁布局插件

pagePiling.js

這款插件可以幫你制作堆疊式的網(wǎng)頁布局，讓你的網(wǎng)頁像幻燈片一樣一頁一頁翻看。為了方便不同實(shí)用習(xí)慣的用戶，你還可以使用頂部的Tebs進(jìn)行翻頁瀏覽，頗為貼心。

gridscrolling.js

這一插件能讓你將特定的區(qū)域置于柵格中，讓你更輕松地使用光標(biāo)導(dǎo)航。

Animsition

如果你只是想為頁面切換間增加轉(zhuǎn)場(chǎng)動(dòng)效的話，這個(gè)插件能幫到你。

Brick Work

這個(gè)只有15k的小插件能幫你創(chuàng)建響應(yīng)式的動(dòng)態(tài)布局，最關(guān)鍵的是它有很多實(shí)用的小功能。

ScrollMe

這是一個(gè)輕量級(jí)的jQuery插件，可以幫你在頁面中添加簡(jiǎn)單的滾動(dòng)效果。這些效果包括大小、透明度、選擇和閃爍等各種不同的方面。

jQuery Bootgrid

這是一個(gè)同Bootstrap配合實(shí)用的柵格控制插件。

jquery.smoothState.js

這一插件主要是提高多頁面網(wǎng)頁的性能，讓它們能像單頁面網(wǎng)站一樣流暢。

multiscroll.js

如果你想在頁面中創(chuàng)造多方向卷動(dòng)的效果的話，你可以實(shí)用這個(gè)插件。

多媒體插件

Focuspoint

這一插件能讓你的圖片動(dòng)態(tài)裁剪填補(bǔ)空白區(qū)域。最重要的是，圖片不需要你進(jìn)行手工裁剪。

Vide

如果你想制作一個(gè)視頻背景的網(wǎng)站的話，這個(gè)插件會(huì)幫到你。方便實(shí)用，設(shè)置簡(jiǎn)單，效果明顯。

Dense.js

這一插件是為視網(wǎng)膜級(jí)別的高清圖片而生的，可以讓這些圖片更恰當(dāng)?shù)卣故荆プ∮脩舻难矍颉?/p>

Covervid

這個(gè)簡(jiǎn)單的jQuery插件能讓HTML5視頻像背景圖片一樣流暢穩(wěn)定地在網(wǎng)頁上展示出來。

圖片和展示

Simple jQuery Slider

這是一個(gè)輕量級(jí)的滑動(dòng)展示插件，它能讓讓圖片和視頻等多媒體流暢地以幻燈片的形式展現(xiàn)出來。

Photopile JS

這個(gè)插件能模擬出照片四散錯(cuò)落堆棧的效果。

Justified.js

這個(gè)插件能讓許多照片整齊地平鋪在頁面上。

Shuffle Images

顧名思義，這個(gè)jQuery插件能隨機(jī)選取照片，你唯一需要做的就是晃動(dòng)一下鼠標(biāo)。

Skippr

這是一個(gè)非常輕量級(jí)的簡(jiǎn)單的幻燈片jQuery插件。

排版插件

jQuery.fontFlex.js

這是一個(gè)輕量級(jí)的字體調(diào)整插件，它可以讓字體根據(jù)屏幕尺寸或者瀏覽器的大小動(dòng)態(tài)擴(kuò)展。對(duì)于以內(nèi)容承載為主的網(wǎng)頁而言，這種插件還是蠻實(shí)用的。

Morphext

這是一個(gè)由jQuery所支持的 animate.css文件，讓特定的文字短語具有旋轉(zhuǎn)效果。

Splitchar

這是頗為有趣的jQuery插件，它可以讓特定的單詞、短語或者句子中的字母顯示為色彩分割的效果，可以分割為2種色彩，也可以更多。

實(shí)用插件

scotchPanels.js

這是一個(gè)幫你生成面?zhèn)冗厵诿姘宓牟寮?/p>

jQuery Confirm Mailto

這是一個(gè)幫助用戶防止垃圾郵件的插件，當(dāng)用戶點(diǎn)擊郵件鏈接的時(shí)候會(huì)有彈出框彈出，提醒用戶。

jQuery prettySocial

這個(gè)jQuery插件為用戶提供了自定義分享的功能，主要提供了Twitter、Facebook、Google+ 和Pinterest的分享鏈接。對(duì)于針對(duì)海外市場(chǎng)的設(shè)計(jì)師和開發(fā)者而言，非常實(shí)用。

BootstrapValidator

這是一個(gè)實(shí)用的信息驗(yàn)證插件，主要針對(duì)的是Bootstrap構(gòu)建的網(wǎng)站。

jNottery

這是一個(gè)非常實(shí)用的插件，可以讓用戶在特定的網(wǎng)頁中添加筆記。

scrollToBySpeed.js

這個(gè)插件能讓網(wǎng)頁勻速滾動(dòng)，而不是通常所見的那種符合物理規(guī)則的滾動(dòng)。有時(shí)候，你正好需要這樣的插件，誰說不是呢？

HideSeek

這是一個(gè)用于實(shí)時(shí)搜索的插件，簡(jiǎn)單，并且可以定制。

Responsive Tabs

這一插件可以提供響應(yīng)式的選項(xiàng)卡的功能，方便兼容不同尺寸的屏幕和不同的瀏覽器。

jQuery.planetarium

這個(gè)jQuery插件可以幫你構(gòu)建一個(gè)可交互的地球，當(dāng)然如果你有時(shí)間有想法的話，構(gòu)建一個(gè)宇宙都沒問題。

ClockPicker

最后，這是一個(gè)參考Android 4.4中的鬧鐘程序所設(shè)計(jì)時(shí)間選擇器，比較實(shí)用。

好工具成就好網(wǎng)站！

明白設(shè)計(jì)目標(biāo)：
《優(yōu)秀界面的終極形態(tài)：隱形的界面》

囤積網(wǎng)絡(luò)資源：
《一網(wǎng)打盡！200+值得收藏的設(shè)計(jì)師資源站》

巧用前端工具：
《國(guó)慶干貨第一波！20個(gè)實(shí)用便捷的CSS3工具、庫及實(shí)例》

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

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請(qǐng)尊重版權(quán)和譯者成果，轉(zhuǎn)摘請(qǐng)附上優(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"是國(guó)內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量86萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：