常用Jquery外掛程式整理大全

常用Jquery外掛程式整理大全

做項目的時候總是少不了要用到Jquery外掛程式，但是Jquery外掛程式有太多，每次都要花費一些時間，因此本人就抽時間整理了一些Jquery外掛程式，每個外掛程式都有Demo或者是使用文檔供大家下載。整理了一晚上才整理這麼多，先分享給大家，下邊還有後續………整理這些東西真的不容易，希望大家轉載的時候註明出處，尊重一下我的勞動成果，不過大家有什麼好用的外掛程式，多多推薦，大家一起學習，進步。。。。

一、表格外掛程式：

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、多選、選擇和分頁等功能。

二、表單工具

1.Form Validation 表單驗證

A>Validform

：http://files.cnblogs.com/itxiaoyan2013/Validform_v5.3.2.rar

 Validform：一行代碼搞定整站的表單驗證！ 1    $(".demoform").Validform();
功能簡介：
囊括11種常見的格式驗證形式，如果這些類型還不夠，可以方便的傳入自訂datype【可以是正則或函數】，實現幾乎任何您需要的驗證形式。任何你想要的資訊提示效果。tiptype可以傳入1、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（提供可擴充的Regex庫） 、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使你很容易將超串連美化為漂亮按鈕的外掛程式.

三、菜單導航
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/