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

jQuery 的存在讓網頁設計和開發變得更加簡單快捷，用好它確實能事半功倍。在大概半年前我們曾經整理過一波jQuery插件：《想讓網頁更酷炫！不要錯過這30款免費JQUERY插件合集》。隨著時間推移，更多的優秀插件橫空出世，于是，今天我們又搜集整理了30款實用驚艷的jQuery插件，幫你加速設計開發。

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

網頁布局插件

pagePiling.js

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

gridscrolling.js

這一插件能讓你將特定的區域置于柵格中，讓你更輕松地使用光標導航。

Animsition

如果你只是想為頁面切換間增加轉場動效的話，這個插件能幫到你。

Brick Work

這個只有15k的小插件能幫你創建響應式的動態布局，最關鍵的是它有很多實用的小功能。

ScrollMe

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

jQuery Bootgrid

這是一個同Bootstrap配合實用的柵格控制插件。

jquery.smoothState.js

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

multiscroll.js

如果你想在頁面中創造多方向卷動的效果的話，你可以實用這個插件。

多媒體插件

Focuspoint

這一插件能讓你的圖片動態裁剪填補空白區域。最重要的是，圖片不需要你進行手工裁剪。

Vide

如果你想制作一個視頻背景的網站的話，這個插件會幫到你。方便實用，設置簡單，效果明顯。

Dense.js

這一插件是為視網膜級別的高清圖片而生的，可以讓這些圖片更恰當地展示，抓住用戶的眼球。

Covervid

這個簡單的jQuery插件能讓HTML5視頻像背景圖片一樣流暢穩定地在網頁上展示出來。

圖片和展示

Simple jQuery Slider

這是一個輕量級的滑動展示插件，它能讓讓圖片和視頻等多媒體流暢地以幻燈片的形式展現出來。

Photopile JS

這個插件能模擬出照片四散錯落堆棧的效果。

Justified.js

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

Shuffle Images

顧名思義，這個jQuery插件能隨機選取照片，你唯一需要做的就是晃動一下鼠標。

Skippr

這是一個非常輕量級的簡單的幻燈片jQuery插件。

排版插件

jQuery.fontFlex.js

這是一個輕量級的字體調整插件，它可以讓字體根據屏幕尺寸或者瀏覽器的大小動態擴展。對于以內容承載為主的網頁而言，這種插件還是蠻實用的。

Morphext

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

Splitchar

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

實用插件

scotchPanels.js

這是一個幫你生成面側邊欄面板的插件。

jQuery Confirm Mailto

這是一個幫助用戶防止垃圾郵件的插件，當用戶點擊郵件鏈接的時候會有彈出框彈出，提醒用戶。

jQuery prettySocial

這個jQuery插件為用戶提供了自定義分享的功能，主要提供了Twitter、Facebook、Google+ 和Pinterest的分享鏈接。對于針對海外市場的設計師和開發者而言，非常實用。

BootstrapValidator

這是一個實用的信息驗證插件，主要針對的是Bootstrap構建的網站。

jNottery

這是一個非常實用的插件，可以讓用戶在特定的網頁中添加筆記。

scrollToBySpeed.js

這個插件能讓網頁勻速滾動，而不是通常所見的那種符合物理規則的滾動。有時候，你正好需要這樣的插件，誰說不是呢？

HideSeek

這是一個用于實時搜索的插件，簡單，并且可以定制。

Responsive Tabs

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

jQuery.planetarium

這個jQuery插件可以幫你構建一個可交互的地球，當然如果你有時間有想法的話，構建一個宇宙都沒問題。

ClockPicker

最后，這是一個參考Android 4.4中的鬧鐘程序所設計時間選擇器，比較實用。

好工具成就好網站！

明白設計目標：
《優秀界面的終極形態：隱形的界面》

囤積網絡資源：
《一網打盡！200+值得收藏的設計師資源站》

巧用前端工具：
《國慶干貨第一波！20個實用便捷的CSS3工具、庫及實例》

原文地址：designposts
優設網譯者：@陳子木

本文由優設網原創翻譯，請尊重版權和譯者成果，轉摘請附上優設鏈接，違者必究。謝謝各位編輯同仁配合。

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量86萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：