(轉)經常使用Jquery插件整理大全

經常使用Jquery插件整理大全

作項目的時候老是少不了要用到Jquery插件，可是Jquery插件有太多，每次都要花費一些時間，所以本人就抽時間整理了一些Jquery插件，每一個插件都有Demo或者是使用文檔供你們下載。整理了一夜才整理這麼多，先分享給你們，下邊還有後續………整理這些東西真的不容易，但願你們轉載的時候註明出處，尊重一下個人勞動成果，不過你們有什麼好用的插件，多多推薦，你們一塊兒學習，進步。。。。

1、表格插件：

1.順表插件

下載地址：http://files.cnblogs.com/itxiaoyan2013/6excel20.rar

插件描述：  順表控件是基於Web的相似於微軟Excel的網頁電子表格控件，是一款Javascript電子表格控件。 順表的源代碼開放，能夠用於Web報表設計器，Web電子表格編輯器，中國特點的電子表單設計器等。 該Web Excel控件能夠和Java/Jsp/Asp.Net集成, 實現更強大的電子表格在線編輯功能。

2.Grid列表組件

下載地址：http://files.cnblogs.com/itxiaoyan2013/mmGrid列表組件.zip

mmGrid 是 jQuery 實現對錶格的樣式庫的插件。支持包括排序、Ajax、寬度鎖定、列隱藏、鎖定、nowrap、多選、選擇和分頁等功能。

2、表單工具

1.Form Validation 表單驗證

A>Validform

下載地址：http://files.cnblogs.com/itxiaoyan2013/Validform_v5.3.2.rar

 Validform：一行代碼搞定整站的表單驗證！ 1    $(".demoform").Validform(); 
功能簡介： 
囊括11種常見的格式驗證形式，若是這些類型還不夠，能夠方便的傳入自定義datype【能夠是正則或函數】，實現幾乎任何您須要的驗證形式。任何你想要的信息提示效果。tiptype能夠傳入一、2或函數，傳入函數幾乎能夠實現任何你想要的提示效果，如元素右側出現提示信息、彈出信息框等。另外還附加了$.Showmsg()、$.Hidemsg()全局彈出/關閉信息框方法以便整站有一個統一的信息提示效果【只要引入了該js文件就能調用這兩個全局方法】； 
當前版本外調插件能夠實現文件上傳檢測、密碼強度檢測和日期控件效果； 
支持ajax提交表單數據，也支持ajax實時反饋驗證結果（如常見的用戶註冊表單下的用戶名檢測）； 
支持開啓網速慢時的二次提交防護（有時連續的點擊提交表單按鈕會產生屢次的表單提交結果）； 
指定表單下任一元素在單擊時觸發表單提交事件； 
支持一個頁面多表單的檢測。例如你給頁面上的各form綁定一樣的class名稱"demoform"，只需在頁面上寫上一句 $(".demoform").Validform()，各表單便會獨立檢測。

B>jQuery formValidator表單驗證插件

下載地址：http://files.cnblogs.com/itxiaoyan2013/formValidator代碼生成器1.1.rar

jQuery formValidator表單驗證插件，它是基於jQuery類庫，實現了js腳本於頁面html代碼的分離。你能夠劃分多個校驗組，每一個組的校驗都是互不影響。對一個表單對象，你只須要寫一行代碼就能夠輕鬆實現無數種（理論上）腳本控制。目前支持5種大的校驗方式，分別是：inputValidator（針對input、textarea、select控件的字符長度、值範圍、選擇個數的控制）、compareValidator（提供2個對象的比較，目前能夠比較字符串和數值型）、ajaxValidator（經過ajax到服務器上作數據校驗）、regexValidator（提供可擴展的正則表達式庫） 、functionValidator （可以使用外部函數來作校驗）。

2.Form Event - 表單事件

ImageSelect下載地址：http://files.cnblogs.com/itxiaoyan2013/ImageSelect.zip

ImageSelect是一個jQuery插件可以讓用戶從一個漂亮的下拉框中選擇圖片。

3.Form Elements – 表單操做

A>省、市、地區聯動選擇

下載地址：http://files.cnblogs.com/itxiaoyan2013/聯動選擇.zip

在Web開發中聯動下拉菜單的應用很是普遍，拿咱們最多見的地區選擇來講，相信幾乎全部的網友都填過這樣的表單,基於jQuery的聯動下拉菜單LinkageSelect 在該背景下實現出來，將聯動功能與聯動數據分離開來，讓一份JS代碼可以適應不一樣的聯動菜單需求

4.Textarea - 富文本編輯器

CLEditor 下載地址：http://files.cnblogs.com/itxiaoyan2013/CLEditor1_3_0富文本框.zip

富文本編輯器的插件不少，再此我就列出一個供你們參考

CLEditor是一個開源的jQuery插件提供一個輕量級，功能齊全，跨瀏覽器的WYSIWYG HTML編輯器。整個插件只有8K左右，經測試支持的瀏覽器包括：IE6.0+、FF1.5+、Safari4+、Chrome5+和Opera10+。

5.Form Effect – 表單美化

LinkButton jQuery Plugin

下載地址：http://files.cnblogs.com/itxiaoyan2013/jquery.tipInput超連接美化.js

LinkButton jQuery Plugin使你很容易將超鏈接美化爲漂亮按鈕的插件.

3、菜單導航 
1.Menu - 菜單

A>> jquery-simple-context-menu（簡單的右鍵菜單）

下載地址：http://files.cnblogs.com/itxiaoyan2013/joewalnes-jquery-simple-context-menu-右鍵菜單.zip

這是一個很是簡單和漂亮的jQuery右鍵菜單。

B>>Filtrify dropdown menu（下拉菜單）

下載地址：http://files.cnblogs.com/itxiaoyan2013/filtrify-masterdropdown下拉菜單.zip

 

Filtrify 是一個高級的標籤過濾插件，靈感來源於 Chosen 多選功能和 Orman Clark 的 Vertical Navigation Menu。他是高級的是由於你能夠搜索標籤中的標籤，而且經過多個不一樣類別的標籤過濾選項，並實時獲得反饋。

C>>Javascript Huge Vertical Menu

下載地址：http://files.cnblogs.com/itxiaoyan2013/plugins.jquery.com-master.zip

Javascript Huge Vertical Menu是一款基於jquery的菜單插件.

D>>>jQuery powerFloat下拉菜單

下載地址：http://files.cnblogs.com/itxiaoyan2013/jquery-powerFloatjQuery萬能浮動框插件.zip

powerFloat顧名思意就是「強大的浮動」,是一款基於jquery的強大的浮動插件，支持hover, click, focus以及無事件觸發；支持多達12種位置的定位，出界自動調整；支持頁面元素加載，Ajax加載，下拉列表，提示層效果，tip類效果等；可自定義裝載容器；內置UI不錯的裝載容器；支持鼠標跟隨等。

E>>>>Collapsing Site Navigation

下載地址：http://files.cnblogs.com/itxiaoyan2013/CollapsingSiteNavigation.zip

Collapsing Site Navigation一款基於jquery,可生成垂直導航菜單的插件,當用鼠標懸浮菜單時,圖片由上至下的滑動下拉,而子菜單則由下至上出現. 
2.Tabs  - 選項卡

verticalTab 豎向選項卡

下載地址：

水平選項卡見得多了，網上的此類的jquery插件也不少，但豎型選項卡方面的插件卻很是少，其實豎型選項卡的應用場合也很多，好比門戶網站首頁的幻燈片部分，其實也能夠算是豎型選項卡。

Jquery tab選項卡

下載地址：http://files.cnblogs.com/itxiaoyan2013/TabDemo(tab選項卡).rar

 

基於Jquery實現的模仿瀏覽器效果的標籤控件,支持鎖定,解鎖功能. 
3.Pagination - 分頁插件

A>>>>Pagination - 分頁插件

下載地址：http://files.cnblogs.com/itxiaoyan2013/jPages-master(Pagination分頁插件).zip

jPages 是一個客戶端的分頁插件，但提供不少特性例如自動翻頁、鍵盤和滾動瀏覽，延遲顯示以及徹底可定製的導航面板。

B>>>>myPagination

下載地址：http://files.cnblogs.com/itxiaoyan2013/myPagination分頁插件.zip

myPagination是一個基於jquery的分頁插件,支持ajax讀取數據,條件搜索,自帶多種樣式等. 
功能介紹： 
1 支持 初始化頁數 
2 支持 總頁數 初始化，自動從服務器獲取總頁數進行計算 
3 支持 自定義頁碼數量 
4 自帶 24 種 開源Css樣式 
5 支持 定義分頁CSS樣式 
6 支持 Ajax讀取數據，支持自定義返回類型數據 Html Json Xml 
7 支持 內容動態加載 
8 支持 自定義 回調函數名稱 
9 支持 自定義 參數，按條件搜索數據 
10 支持 輸入參數 跳轉頁面 
11 支持 自定義 文本框 樣式

4.Accordion - 手風琴 摺疊菜單

A>>>>>>Jquery+Css手風琴摺疊菜單

下載地址：http://files.cnblogs.com/itxiaoyan2013/Jquerycss手風琴摺疊菜單.zip

B>>>>>jquery手風琴效果幻燈片焦點圖插件liteAccordion

下載地址：http://files.cnblogs.com/itxiaoyan2013/liteAccordion-master(jquery手風琴效果幻燈片焦點圖插件).zip

5.Tree - 樹形菜單

MagicDTree Demo

下載地址：http://files.cnblogs.com/itxiaoyan2013/grid_3.0b（增刪改樹形菜單）.rar

gicDTree是 JQuery 著名樹形插件Dynatree的包裝類，增長右鍵菜單，添加、刪除、更新接口。 

AdubyTree

下載地址：http://files.cnblogs.com/itxiaoyan2013/AdubyTree5.0.zip

AdubyTree是一個帶有checkbox複選框的樹形jQuery插件。 
支持XML和JSON兩種數據格式 
支持本地數據和動態 AJAX遠程數據。 
支持checkbox複選框，方便實際應用。 
自帶basic、books、org、orguser、vista五套主題，用戶能夠擴展定製主題。

6.Side Bar - 側邊菜單

A>>>>>可展開和隱藏的JS側邊QQ在線客服

下載地址：http://files.cnblogs.com/itxiaoyan2013/可展開和隱藏的QQ客服側邊欄.zip

B>>>>>jquery左側工具欄菜單

下載地址：http://files.cnblogs.com/itxiaoyan2013/jquery左側工具欄菜單.zip

C>>>>>>>jQuery響應式側欄菜單插件sidr

下載地址：http://files.cnblogs.com/itxiaoyan2013/jQuery響應式側欄菜單插件sidr27_dowebok.com.7z

Sidr 是一個基於 jQuery 的插件，它可以很容易的建立響應式的側欄菜單，側欄菜單默認不可見，當你點擊按鈕的時候，側欄菜單會以動畫的形式從網頁左邊展開。配合 jquery.touchwipe.js，Sidr 還能夠支持觸摸事件，能更好的兼容智能手機和平板設備。

還有後續哦…..請尊重勞動成果。

原創：http://www.cnblogs.com/itxiaoyan2013/