常用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(提供可擴展的正則表達式庫) 、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
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 還可以支持觸摸事件,能更好的兼容智能手機和平板設備。