jquery插件庫(500個(gè)jquery插件打包)

jQuery是近段時(shí)間里比較流行的一個(gè)JavaScript框架，不斷有使用者開發(fā)出新的 jQuery插件。下面收集了50個(gè)開發(fā)者最喜歡使用的jQuery插件。這僅僅是第一個(gè)系列，你先品嘗，第二道大餐即將到來。

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) SuckerFish 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

Demo

(9) Simple JQuery Accordion menu

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

(11) Image/Photo Gallery Viewer- 一個(gè)圖像/相片的畫廊展示插件�？梢宰屇銓�(duì)圖片進(jìn)行分組、并產(chǎn)生像Flash一樣的多種瀏覽特效。

Transition Effects - 過渡特效
12) InnerFade - 可以讓網(wǎng)頁中的任何元素產(chǎn)生淡化效果

(13) Easing Plugin-另外一個(gè)簡單的過渡效果插件

(14) Highlight Fade

(15) jQuery Cycle Plugin- 擁有多種過渡效果的一個(gè)Gallery插件。

奇幻的jQuery
16) Riding carousels with jQuery - 這個(gè)jQuery插件可以生成一個(gè)水平或垂直的列表，并且允許你控制DIV層的滑動(dòng)顯示。

Demo :

Color Picker －拾色器
17) Farbtastic -這個(gè) jQuery 插件可以讓你通過Javascript添加一個(gè)或多個(gè)拾色器widgets到一個(gè)頁面中。

Demo :

(18) jQuery Color Picker
LightBox －燈箱效果
19) jQuery ThickBox - is a webpage user interface dialog widget written in JavaScript.

Demo :

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

Demo :

(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.

Demo :

(
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)系信息。

Demo :

(24) Ajax Form Validation - 在客戶端使用jquery驗(yàn)證的一種形式，它可以驗(yàn)證用戶名是否有效等。

Demo :

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

Form Elements － 表單事件

(26) jquery.Combobox - 從現(xiàn)在的選擇元素中創(chuàng)建一個(gè)個(gè)性的HTML組合 Demo is here.

(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í)能改變背景色。

Demo :

(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。不需要額外的編碼。

Demo :

Draggable Droppables And Selectables 拖拽
37) Sortables - 一個(gè)簡單強(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ì)保留他選擇的樣式。

Demo演示.
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)用插件，太特別了，太太太特別了。

Demo :

(43) HeatColor

Demo :

(44) Simple jQuery Examples

(45) Date Picker -一個(gè)靈活個(gè)性的jQuery日歷組件。

Demo :

(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

你可能還會(huì)感興趣...

· 45個(gè)新鮮出爐的jQuery插件 (0) 

· 40多個(gè)Ajax,DHTML和Javascript應(yīng)用技術(shù) (0) 

· 創(chuàng)建一個(gè)Ajax效果的表格排序 (0) 

· Uni-Form:外觀精致結(jié)構(gòu)良好的表單應(yīng)用 (0) 

· Galleria: 簡潔清爽的Javascript圖像畫廊腳本 (0) 

你還能做些什么？

· or 

· 你可以添加一條評(píng)論, 或是訂閱帕蘭映像 

· 查看前一篇文章 哆啦A夢(mèng)(Doraemon)機(jī)器貓免費(fèi)資源下載或是下一篇文章 Money Switch:跨平臺(tái)的電子支付轉(zhuǎn)帳/匯款服務(wù) 

· 本文標(biāo)簽: Tags: Ajax, Drag&Drop, Efftect, Form, Gallery, Javascript, jquery, Menus, Round corners, Sliding, Style Switcher, Table, Transtion 

· 本分類:Javascript 

關(guān)于作者

· 作者名稱: paran 

· 作者網(wǎng)址: http://parandroid.com 

· 一句話簡介:I Am kEy tO ThE lOcK yOUr HOusE. 

· Register 

2 Comments, Comment or Ping