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

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

Sliding Panels －滑動門控制
1) Sliding Panels For jQuery -元素可以展開或關(guān)閉，創(chuàng)建出手風(fēng)琴的滑動效果。

(2) jQuery Collapse -這個jQuery插件同樣點擊后滑動展開或關(guān)閉DIV層。
Menu － 菜單
3) LavaLamp

(4) A Navigation Menu- 錨鏈接的無序列表嵌套, 可以添加2級菜單

(5) SuckerFish Style

Tabs - 選項卡
6) jQuery UI Tabs / Tabs 3 - 基于 jQuery 的一個Tab選項卡導(dǎo)航

(7) TabContainer Theme - 當(dāng)用戶在選項卡之間進行切換時，產(chǎn)生JQuery風(fēng)格的淡出動效果。

Accordion－ 手風(fēng)琴效果
8 ) jQuery Accordion

Demo

(9) Simple JQuery Accordion menu

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

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

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

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

(14) Highlight Fade

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

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

Demo :

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

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 -表單驗證器
23) Validation - 有一套完整相當(dāng)?shù)男问津炞C規(guī)則。該插件還動態(tài)地創(chuàng)建ID和聯(lián)系信息。

Demo :

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

Demo :

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

Form Elements － 表單事件

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

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

(28) File Style Plugin for jQuery -File Style插件讓你可以使用圖像做為文件瀏覽按鈕，你還可以樣式化文件名稱區(qū)域。
Star Rating － 星形評級系統(tǒng)

(29) Simple Star Rating System

30)Half-Star Rating Plugin
ToolTips －提示工具
31) Tooltip Plugin Examples - 一個花俏的提示應(yīng)用。 可以對提示信息進行自定義位置, 設(shè)置陰影效果和添加更多內(nèi)容等.你可以點擊demo 演示.

(32) The jQuery Tooltip 

Tables Plugins －表格插件
33) Zebra Tables Demo -使用jQuery來創(chuàng)建出斑馬線風(fēng)格的數(shù)據(jù)表格，鼠標(biāo)懸浮時能改變背景色。

Demo :

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

(35) AutoScroll for jQuery -可以生成網(wǎng)頁表格的熱點自動滾動效果

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

Demo :

Draggable Droppables And Selectables 拖拽
37) Sortables - 一個簡單強大的拖拽插件。

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

Style Switcher － 切換風(fēng)絡(luò)
39) Switch stylesheets with jQuery允許訪客選擇他們喜歡的網(wǎng)站樣式，使用了Cookie記錄，也就是同一個用戶下次再訪問時，除非他不切換，否則會保留他選擇的樣式。

Demo演示.
Rounded Corners 圓角效果
40) jQuery Corner Demo

(41) JQuery Curvy Corners- 這個插件可以讓你生成光滑、無鋸齒的圓角效果。

Must See jQuery Examples 應(yīng)該了解的一些jQuery應(yīng)用實例
42) jQuery Air - 一個非常非常特別的客戶管理界面應(yīng)用插件，太特別了，太太太特別了。

Demo :

(43) HeatColor

Demo :

(44) Simple jQuery Examples

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

Demo :

(46) ScrollTo -這個jQuery插件可以讓你實現(xiàn)當(dāng)點擊鏈接時中滾動到頁面中的某一對象

(47) 3-Column Splitter Layout 一個3欄布局分配插件。

(48) Pager jQuery -一個小巧的 jQuery插件，用來增加分頁的頁碼效果

(49) Select box manipulation

(50) Cookie Plugin for jQuery

51) JQuery BlockUI Plugin

你可能還會感興趣...

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

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

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

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

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

你還能做些什么？

· or 

· 你可以添加一條評論, 或是訂閱帕蘭映像 

· 查看前一篇文章 哆啦A夢(Doraemon)機器貓免費資源下載或是下一篇文章 Money Switch:跨平臺的電子支付轉(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