jquery是近段時(shí)間里比較流行的一個(gè)javascript框架，不斷有使用者開發(fā)出新的 jquery插件。下面收集了50多個(gè)開發(fā)者最喜歡使用的jquery插件。

sliding panels －滑動(dòng)門控制

1) sliding panels for jquery -元素可以展開或關(guān)閉，創(chuàng)建出手風(fēng)琴的滑動(dòng)效果。

>

(2) jquery collapse -這個(gè)jquery插件同樣點(diǎn)擊后滑動(dòng)展開或關(guān)閉div層。
menu － 菜單

3) >lavalamp

(4) a navigation menu- 錨鏈接的無序列表嵌套, 可以添加2級(jí)菜單

(5) >****erfish style

tabs – 選項(xiàng)卡

6) jquery ui tabs / tabs 3 – 基于 jquery 的一個(gè)tab選項(xiàng)卡導(dǎo)航

>

(7) tabcontainer theme – 當(dāng)用戶在選項(xiàng)卡之間進(jìn)行切換時(shí)，產(chǎn)生jquery風(fēng)格的淡出動(dòng)效果。

>
accordion－ 手風(fēng)琴效果

8 ) jquery accordion

>

(9) >simple jquery accordion menu

>
slideshows － 幻燈片

10) jqzoom-讓你在你的網(wǎng)頁上很簡(jiǎn)單的實(shí)現(xiàn)圖片的縮放功能。

效果預(yù)覽 下載

(11) >image/photo gallery viewer- 一個(gè)圖像/相片的畫廊展示插件?？梢宰屇銓?duì)圖片進(jìn)行分組、并產(chǎn)生像flash一樣的多種瀏覽特效。

transition effects – 過渡特效

12) >innerfade - 可以讓網(wǎng)頁中的任何元素產(chǎn)生淡化效果

>

(13) >easing plugin-另外一個(gè)簡(jiǎn)單的過渡效果插件

(14) >highlight fade

(15) >jquery cycle plugin- 擁有多種過渡效果的一個(gè)gallery插件。

>

奇幻的jquery

16) >riding carousels with jquery – 這個(gè)jquery插件可以生成一個(gè)水平或垂直的列表，并且允許你控制div層的滑動(dòng)顯示。

>

color picker －拾色器

17) farbtastic -這個(gè) jquery 插件可以讓你通過javascript添加一個(gè)或多個(gè)拾色器widgets到一個(gè)頁面中。

>

(18) >jquery color picker
lightbox －燈箱效果

19) >jquery thickbox – is a webpage user interface dialog widget written in javascript.

(20) >simplemodal demos – its goal is providing developers with a cross-browser overlay and container that will be populated with content provided to simplemodal.

(21) >jquery lightbox plugin – simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jquery′s selector.

iframe

22) jquery iframe plugin

>
form validation -表單驗(yàn)證器

23) validation – 有一套完整相當(dāng)?shù)男问津?yàn)證規(guī)則。該插件還動(dòng)態(tài)地創(chuàng)建id和聯(lián)系信息。

(24) >ajax form validation – 在客戶端使用jquery驗(yàn)證的一種形式，它可以驗(yàn)證用戶名是否有效等。

(25) >jquery alphanumeric -歡迎對(duì)對(duì)表單域中的某些字符進(jìn)行限制

>
form elements － 表單事件

(26) >jquery.combobox – 從現(xiàn)在的選擇元素中創(chuàng)建一個(gè)個(gè)性的html組合

(27) >jquery checkbox -樣式化選擇框，從而提高交互能力。

(28) >file style plugin for jquery -file style插件讓你可以使用圖像做為文件瀏覽按鈕，你還可以樣式化文件名稱區(qū)域。

star rating － 星形評(píng)級(jí)系統(tǒng)

(29) >simple star rating system

30)>half-star rating plugin
tooltips －提示工具

31) >tooltip plugin examples – 一個(gè)花俏的提示應(yīng)用。 可以對(duì)提示信息進(jìn)行自定義位置, 設(shè)置陰影效果和添加更多內(nèi)容等.你可以點(diǎn)擊>demo 演示.

(32) >the jquery tooltip

>
tables plugins －表格插件

33) >zebra tables demo -使用jquery來創(chuàng)建出斑馬線風(fēng)格的數(shù)據(jù)表格，鼠標(biāo)懸浮時(shí)能改變背景色。

>

(34) >table sorter plugin - 把一個(gè)標(biāo)準(zhǔn)的html表格分解成thead和tbody標(biāo)簽構(gòu)成的分類表格，不需要刷新。它能夠成功地解析和整理多種類型的數(shù)據(jù)，包括聯(lián)系資料。

>

(35) >autoscroll for jquery -可以生成網(wǎng)頁表格的熱點(diǎn)自動(dòng)滾動(dòng)效果

>

(36) scrollable html table plugin- 用來轉(zhuǎn)換表格為普通的滾動(dòng)html。不需要額外的編碼。

>
draggable droppables and selectables 拖拽

37) >sortables - 一個(gè)簡(jiǎn)單強(qiáng)大的拖拽插件。

>

(38) >draggables and droppables- 這是一個(gè)很好的演示。用來實(shí)現(xiàn)拖拽樹形菜單項(xiàng)目的操作

>
style switcher － 切換風(fēng)絡(luò)

39) switch stylesheets with jquery允許訪客選擇他們喜歡的網(wǎng)站樣式，使用了cookie記錄，也就是同一個(gè)用戶下次再訪問時(shí)，除非他不切換，否則會(huì)保留他選擇的樣式。
rounded corners 圓角效果
40) jquery corner demo

>

(41) >jquery curvy corners- 這個(gè)插件可以讓你生成光滑、無鋸齒的圓角效果。

>
must see jquery examples 應(yīng)該了解的一些jquery應(yīng)用實(shí)例

42) jquery air – 一個(gè)非常非常特別的客戶管理界面應(yīng)用插件，太特別了，太太太特別了。

>

(43) heatcolor

>

(44) >simple jquery examples

(45) >date picker -一個(gè)靈活個(gè)性的jquery日歷組件。

>

(46) >scrollto -這個(gè)jquery插件可以讓你實(shí)現(xiàn)當(dāng)點(diǎn)擊鏈接時(shí)中滾動(dòng)到頁面中的某一對(duì)象

(47) >3-column splitter layout 一個(gè)3欄布局分配插件。

>

(48) >pager jquery -一個(gè)小巧的 jquery插件，用來增加分頁的頁碼效果

>

(49) >select box manipulation

(50) >cookie plugin for jquery

51) >jquery blockui plugin

原文出處和鏈接：
http://parandroid.com/more-than-50-powerful-plug-in-application-examples-jquery/

http://bbon.cn/2009/02/50-jquery-%e6%8f%92%e4%bb%b6%e6%a1%86%e6%9e%b6%e5%ba%94%e7%94%a8%e5%ae%9e%e4%be%8b.html