“用戶交互”在現(xiàn)代的Web設(shè)計(jì)中占據(jù)了很大比例，這是互聯(lián)網(wǎng)產(chǎn)品不可或缺的關(guān)鍵，對(duì)Web設(shè)計(jì)師也提出了更高的要求。

本文整理了10款基于jQuery的Web交互插件，可以幫助你提高工作效率，或帶給你一些設(shè)計(jì)靈感。

1.  Redactor：奇妙的所見(jiàn)即所得編輯器

該工具有一個(gè)非常好的API，允許你根據(jù)需要進(jìn)行定制。

源碼 / 演示

2.  elFinder：基于web的文件管理工具

一個(gè)開(kāi)源的、基于web的文件管理工具，使用JavaScript和jQuery UI開(kāi)發(fā)。

源碼 / 演示

3.  Experimental Page Layout

該工具的靈感來(lái)自于著名的Flipboard應(yīng)用（該應(yīng)用可以將用戶喜歡的Twitter消息和網(wǎng)站以雜志的形式輸出），提供了精彩的翻書(shū)效果。

源碼 / 演示

4.  社交媒體標(biāo)簽

集成了大量社交網(wǎng)絡(luò)和訂閱網(wǎng)站的標(biāo)簽，包含15個(gè)社交網(wǎng)絡(luò)和33個(gè)訂閱選項(xiàng)。你可以將該插件添加到任何網(wǎng)站中，無(wú)需PHP。 

源碼 / 演示

5.  本地全屏API

HTML5視頻播放器MediaElement.js中的一個(gè)全屏API，可以在Safari 5.1+、Chrome 15+或Firefox 10+中完美運(yùn)行。

源碼 / 演示

6.  Revolver

用于創(chuàng)建全屏、平滑網(wǎng)站的jQuery插件，可以集成到任何網(wǎng)站模板中。

源碼 / 演示

7.  firstImpression.js

這是一個(gè)微型庫(kù)（壓縮后1kb），用來(lái)檢測(cè)當(dāng)前用戶以前是否訪問(wèn)過(guò)該網(wǎng)站。

源碼 + 演示

8.  Joyride

你可以通過(guò)該插件，來(lái)引導(dǎo)你的網(wǎng)站訪問(wèn)者的下一步操作。

源碼 / 演示

9.  jQuery History

通過(guò)跟蹤URL Hashes，告知你頁(yè)面狀態(tài)的變化。支持通過(guò)書(shū)簽、向后/向前按鈕，以及跨瀏覽器所觸發(fā)的變化。

源碼 / 演示

10.  Biggerlink

一個(gè)jQuery插件，可以輕松使特定元素呈現(xiàn)出首個(gè)鏈接中的內(nèi)容。

源碼 / 演示

原文鏈接：10 jQuery for Web Interaction Plugins

【編輯推薦】

1. jQuery插件之Ajax自動(dòng)完成
2. jQuery基本事件代碼優(yōu)化
3. 印象深刻的jQuery手風(fēng)琴效果應(yīng)用
4. jQuery可多次使用的星級(jí)插件
5. JQuery插件的開(kāi)發(fā)真的有那么難嗎