2011年2月，繼續(xù)為大家?guī)肀驹乱恍┦謨?yōu)秀的jQuery插件，希望對(duì)大家學(xué)習(xí)jQuery有所幫助。

51CTO推薦專題：jQuery給力插件大閱兵

1、3D浮動(dòng)效果的圖片墻

這個(gè)插件(http://ajoin.it/mipage/3dGalleyView/1.x/1.1/)實(shí)際上是利用jQuery做的一個(gè)圖片墻的效果，如上圖所示，用戶可以設(shè)置要展示的圖片，然后可以自由拖動(dòng)圖片選擇，在拖動(dòng)時(shí)會(huì)發(fā)現(xiàn)有很COOL的圖片移動(dòng)的效果，當(dāng)移動(dòng)到想看的圖片后，可以點(diǎn)查看，即可放大圖片。

2、jQuery手風(fēng)琴圖片展示控件

該控件實(shí)現(xiàn)的是一個(gè)象手風(fēng)琴拉箱似的圖片展示效果(http://flcomponents.net/Components/Item/JQuery_Accordion_Gallery)，如上圖所示，當(dāng)鼠標(biāo)點(diǎn)某張圖片時(shí)，圖片將自右向左滑動(dòng)展示，并顯示該圖片的說明文字，而當(dāng)點(diǎn)選已經(jīng)看過的圖片時(shí)，就會(huì)象手風(fēng)琴拉箱一樣，圖片自左向右滑動(dòng)顯示。

3、超級(jí)簡(jiǎn)單的幻燈播放器

這個(gè)幻燈播放器可以說是超級(jí)簡(jiǎn)單了(http://wex.im/slider/)，實(shí)際大小才2K多，很容易理解,實(shí)現(xiàn)的效果是圖片自右向左移動(dòng)。

4、一個(gè)簡(jiǎn)單的淡入淡出效果圖片輪播器

在這個(gè)控件中(http://www.simplefadeslideshow.com/)提供了簡(jiǎn)單的圖片輪播功能，有向前和向后的箭頭，以及按頁瀏覽的功能，每張圖片之間的切換有淡入淡出的效果。

5、簡(jiǎn)單的下拉擴(kuò)展面板插件

這是一個(gè)很簡(jiǎn)單的但功能十分強(qiáng)大的下拉擴(kuò)展面板(http://neilgirardi.com/jqueryplugin/)，當(dāng)點(diǎn)每個(gè)面板的標(biāo)題欄時(shí)，可以自動(dòng)向下展開展示具體的內(nèi)容，再次點(diǎn)擊則折疊收縮回去。

6、jQuery 命令行模擬解析器

這是一個(gè)jQuery命令行模擬解析器(http://plugins.jquery.com/project/Terminal)，它的功能是可以在這個(gè)解析器下，可以用命令行輸入的方式，去調(diào)用json-rpc服務(wù)甚至是你自己定義的功能，

7、jQuery分隔符插件

這個(gè)插件十分實(shí)用(http://nuyensgert.be/projects/numpad-decimal-separator/)，可以自定義分隔符，然后該插件會(huì)把輸入的字符串用分隔符分割，如上圖所示。

#p#

8、jQuery批注插件

這個(gè)插件(http://bazze.se/dev/in-page-edit/)十分適合用在一些文章的內(nèi)容頁中，如上圖所示，它提供一個(gè)小圖標(biāo)(比如鉛筆)，當(dāng)點(diǎn)這個(gè)小圖標(biāo)時(shí)，會(huì)彈出一個(gè)文章內(nèi)容的編輯框，在這個(gè)編輯框中，可以象普通的多功能文本編輯器那樣對(duì)文章進(jìn)行編輯，十分方便。

9、jQuery顏色拾取器

這是一個(gè)十分簡(jiǎn)單的jQuery顏色拾取器(http://jquery.webspirited.com/2010/12/jquery-color-picker/)，對(duì)各樣瀏覽器的兼容性很強(qiáng)。

10、表格輸入控件

這是一個(gè)方便用戶在表單中輸入內(nèi)容的jQuery控件(http://nekman.se/demo/tableInputstep.php)，用戶可以在不同行之間輸入內(nèi)容并且進(jìn)行切換，而且支持鍵盤的方向鍵進(jìn)行操作。

11、表單向?qū)Р寮?/strong>

 

 

這個(gè)插件(http://thecodemine.org/#_demoForm=first)可以很方便的為你設(shè)計(jì)一個(gè)用戶表單向?qū)А?/p>

12、jQuery圖片標(biāo)簽插件

 

[[19366]]

 

在這個(gè)插件中(http://www.extrafull.com/igorcrevar/photo-tagging-like-facebook-jquery-plugin/)，用戶可以很方便地在一張圖片中任意通過鼠標(biāo)拖拉切割圖片的某個(gè)部分，然后還可以選擇保存該部分，或者進(jìn)行編輯，功能十分強(qiáng)大，而且能兼容各類瀏覽器。

13、多功能選擇框

 

 

這個(gè)插件(http://www.extrafull.com/igorcrevar/demos/selectionbox/#)提供了一個(gè)下拉的多功能選擇框，可以實(shí)現(xiàn)的是下拉多選，在輸入框中輸入部分字母就能自動(dòng)完成等多種功能。

【編輯推薦】

1. Web開發(fā)者愛不釋手的18款超贊jQuery插件
2. 18個(gè)最新最給力的jQuery教程分享
3. 超贊的jQuery幻燈插件 附下載
4. 10個(gè)超贊超實(shí)用的免費(fèi)jQuery圖片插件 附下載
5. 10款給力構(gòu)建易用性網(wǎng)站的jQuery插件