天天看點

超強1000個jquery極品插件(。。)

4.自動填充類

(1) AutoComplete-JQuery

jQuery插件易于內建到現在的表單中(Form)。

超強1000個jquery極品插件(。。)

二手圖書 二手書 特價書 舊書網 (2)Facebook like Autocomplete

基于jQuery開發,類似于FaceBoox提供的AutoCompleter。

二手圖書 二手書 特價書 舊書網

超強1000個jquery極品插件(。。)

(3)jQuery Autocomplete Mod 熱點圖書:www.hotbook.cn

jQuery Autcomplete插件。能夠限制下拉菜單顯示的結果數。

超強1000個jquery極品插件(。。)

(4)jqac 熱點圖書:www.hotbook.cn

基于Jquery開發的Autocomplete插件。具有易于使用,配置簡單,既可以利用Ajax讀取資料也可以直接從本地擷取資料。

超強1000個jquery極品插件(。。)

(5)jQuery Tag Suggestion

類似于del.icio.us提供的tag suggesting功能。

超強1000個jquery極品插件(。。)

(6)Autocomplete-jQuery ajax

利用 jQuery(Ajax),PHP和MySQL開發的AutoCompleter。

超強1000個jquery極品插件(。。)

(7)jQuery.Suggest 熱點圖書:www.hotbook.cn

跨浏覽器支援,基于jQuery開發的Autocomplete library。

超強1000個jquery極品插件(。。)

(8)Autocomplete- jQuery plugin

一個jQuery Autocompleter,提供緩存選項來限制對伺服器的請求。

超強1000個jquery極品插件(。。)

(9)jQuery plugin: Autocomplete

自動完成輸入框值讓使用者能夠快速查找和過濾某些值。

超強1000個jquery極品插件(。。)

(10)jSuggest

模仿Google Suggest功能的AutoComplete jQuery插件。

超強1000個jquery極品插件(。。)

(11)jQuery Live Ajax Search Plug-in 熱點圖書:www.hotbook.cn

采用jQuery開發的AutoComplete控件。搜尋結果展示框完全可以利用CSS自定義,内容展示是一個HTML頁面。

超強1000個jquery極品插件(。。)

(12)ddcombobox

帶AutoComplete功能的下拉選擇框jQuery插件。

超強1000個jquery極品插件(。。)

(13)Kissy Suggest

超強1000個jquery極品插件(。。)

重寫後的元件壓縮後約 10k, 僅依賴 YUI2 的 yahoo-dom-event. 目前在淘寶已全面應用一個多月。現在開源出來,希望能對需要此功能的兄弟們有所幫助。源碼位址:

http://kissy.googlecode.com/svn/trunk/src/suggest/ 熱點圖書:www.hotbook.cn

suggest-yui2.js 是源碼,test.html 是測試頁面,demo.html 是執行個體,demo-google.html 是利用該元件給谷歌恢複搜尋提示的小玩意。如果在項目中真實使用,需要加載以下兩個檔案:

http://kissy.googlecode.com/svn/trunk/lib/yui2/yahoo-dom-event.js
http://kissy.googlecode.com/svn/trunk/build/suggest/suggest-yui2-min.js      

可以很自信地說:這個元件目前無論在細節還是性能上,都是數一數二的。

歡迎試用和有效的建議。

PS:很感慨 Google 的産品,精緻小巧,非常注意細節。Google 英文首頁的搜尋提示,看似簡單,但極不簡單。對鍵盤和滑鼠等事件的細節處理上,沒有看到比 Google 做得更好的。Kissy Suggest 在互動細節上基本上做到了和 Google 的一樣,同時增加了對本土輸入法的支援

(14)apple風格的自動填充效果

超強1000個jquery極品插件(。。)

5.分頁類

(1)jQuery Pagination

jQuery分頁插件

超強1000個jquery極品插件(。。)

jQuery Pagination 熱點圖書:www.hotbook.cn (2)pager jQuery plug-in

超強1000個jquery極品插件(。。)

jQuery分頁插件。

超強1000個jquery極品插件(。。)

pager jQuery plug-in (3)JQuery Pager

超強1000個jquery極品插件(。。)

一個利用jQuery開發的分頁UI控件,可用于資料驅動的web應用程式中。

超強1000個jquery極品插件(。。)

JQuery Pager

6.編輯器類

(1)jwysiwyg

WYSIWYG jQuery插件。整個編輯器檔案大小隻有17Kb。

超強1000個jquery極品插件(。。)

jwysiwyg 熱點圖書:www.hotbook.cn

(2)Damn Small Rich Text Editor

基于jQuery開發,能夠從IFRAME元素建立一個Rich Text Editor。提供了所有基本的Rich Text功能,可設定文本編輯區大小,Ajax上傳圖檔等。

超強1000個jquery極品插件(。。)

Damn Small Rich Text Editor 熱點圖書:www.hotbook.cn

(3)xhEditor

xhEditor是一個基于jQuery開發的簡單迷你并且高效的可視化XHTML編輯器,基于網絡通路并且相容IE 6.0-8.0,Firefox 3.0,Opera 9.6,Chrome 1.0,Safari 3.22。

編輯器元件采用LGPL協定開放源代碼,您可以任意修改,并使用在您商業或者非商業系統中。同樣,您也可以任意的學習和參考我們的源代碼。若您對本編輯器代碼進行改動或者再開發并對外釋出的話,請您也使用LGPL協定來開放您的源代碼,謝謝。

最新0.9.5版程式下載下傳:http://code.google.com/p/xheditor/downloads/list

示範程式:

  • 預設模式:http://static.pirate9.com/js/xheditor_demos/demo1.html
  • 自定義按鈕:http://static.pirate9.com/js/xheditor_demos/demo2.html
  • 皮膚選擇:http://static.pirate9.com/js/xheditor_demos/demo3.html
  • 其它選項:http://static.pirate9.com/js/xheditor_demos/demo4.html
  • Javascript互動:http://static.pirate9.com/js/xheditor_demos/demo5.html
  • 非utf-8編碼網頁調用:http://static.pirate9.com/js/xheditor_demos/demo6.html
  • UBB可視化編輯:http://static.pirate9.com/js/xheditor_demos/demo7.html
  • Ajax圖檔上傳:http://static.pirate9.com/js/xheditor_demos/demo8.html

7.表格類

(1)Flexigrid

Flexigrid是一個類似于Ext Gird,但基于jQuery開發的Grid。它具有的功能包括:可以調整列寬,合并列标題,分頁,排序,顯示/隐藏表格等。Flexigrid顯示的資料能夠通過Ajax擷取或者從一個普通的表格轉換。

超強1000個jquery極品插件(。。)

Flexigrid  (2)Ingrid

超強1000個jquery極品插件(。。)

這個jQuery DataGrid提供的功能有:可以拖動調整列寬,分頁,排序,設定行/列樣式等。

超強1000個jquery極品插件(。。)

Ingrid    (3)jQuery Grid

超強1000個jquery極品插件(。。)

jqGrid是一個Ajaxed jQuery Grid插件。提供分頁功能,添加、編輯、删除和搜尋表中記錄,支援多種資料類型輸入:XML,JSON,Array等,多行選擇,支援子表格,內建日期選擇控件等等。

Demo 熱點圖書:www.hotbook.cn

超強1000個jquery極品插件(。。)

jQuery Grid

超強1000個jquery極品插件(。。)

(4)tableHover

超強1000個jquery極品插件(。。)

tableHover一個jQuery插件當滑鼠經過時,能夠對表格的一整列或行進行着色加亮。支援colspans與rowspans的表格。

超強1000個jquery極品插件(。。)

tableHover 熱點圖書:www.hotbook.cn (5)JQuery.Resizer

超強1000個jquery極品插件(。。)

一個輕量級jQuery插件用于建立可以拖動調整行高與列寬的表格。

JQuery.Resizer (6)tablesorter

超強1000個jquery極品插件(。。)

tablesorter 這個jQuery插件能夠将帶THEAD與TBODY标簽的标準HTMLTable轉換成一個可排序的表格。tablesorter能夠排序多種資料類型包括Text、URIs、integers、currency、floats、IP位址、日期、時間和自定義的資料類型。支援擁有複雜表頭表格的排序,支援二級隐藏排序,支援多種浏覽器:IE6.0+、FF2+、Safari2.0+、Opera9.0+。

超強1000個jquery極品插件(。。)

tablesorter (7)csv2table

超強1000個jquery極品插件(。。)

csv2table這個插件能夠将CVS檔案(利用Excel建立)的内容轉換成HTML Table。

jQuery表格排序插件,點選表格中對應列的頭部單元,表格立即重新排序。

Tablesorter | Demo

csv2table

(8)tableFormSynch

超強1000個jquery極品插件(。。)

tableFormSynch 是一個表格與表單資料互相更新的jQuery插件。它提供的功能包括:基于表單中的資料,新增行。删除所選擇行,并清除表單中的所有資料。 tableFormSynch支援所有表單控件包括:checkboxes、radio、buttons 與

  • 。 tableFormSynch 熱點圖書:www.hotbook.cn 9. DataTables DataTables是一個jQuery插件,能夠讓HTML表格很友善地實作分頁、過濾和多欄排序等功能。DataTables可以使用本身自帶的CSS樣式,但還可以按自己的需要自定義CSS樣式。它具有以下特征: 自适應欄寬 可儲存表格狀态 可隐含列 動态建立表格 Ajax自動裝載資料 豐富的分頁類型 多欄排序和高亮顯示 熱點圖書:www.hotbook.cn 10.jExpand (示範位址) jExpand是一個可以讓表格具備可伸縮功能的jQuery插件。利用這個功能可以幫助你更好地組織表格,讓表格承載更多的消息比如圖檔,清單,圖表和其它元素。 8.色彩選擇器類 (1) Farbtastic Farbtastic是一個color picker插件。它能夠在一個頁面中加入多個顔色選擇控件,然後每個控件關聯到頁面中的一個元素比如:文本輸入框。 Farbtastic 熱點圖書:www.hotbook.cn (2)jQuery Color Picker 一個簡單的顔色選擇控件。操作方式與Adobe Photoshop中顔色選擇操作置。 jQuery Color Picker 熱點圖書:www.hotbook.cn (3)iColorPicker iColorPicker是一個隻有6KB大小的jQuery Color Picker。隻要将輸入框的class屬性設定為“iColorPicker”就能變一個漂亮的顔色選擇器。 iColorPicker 熱點圖書:www.hotbook.cn 9.資料驗證類 1. jQuery plugin: Validation jQuery校驗插件。 jQuery plugin: Validation 2. Masked Input Plugin 熱點圖書:www.hotbook.cn Masked Input這個jQuery插件讓使用者能夠按照預先設定好的固定格式輸入資料(如日期、電話号碼等)。 Masked Input Plugin 熱點圖書:www.hotbook.cn jQuery password strength meter 用于檢測密碼強度的jQuery插件。 jQuery password strength meter 熱點圖書:www.hotbook.cn 3 jVal jQuery表單校驗插件。 jVal 4. jQuery formValidator 感謝博覽群書 友情提供 http://www.kmroom.com/js/formValidator3.3/index.html 你可以劃分多個校驗組,每個組的校驗都是互不影響。對一個表單對象,你隻需要寫一行代碼就可以輕松實作無數種(理論上)腳本控制。目前支援5種大的校驗方式,分别是:inputValidator(針對input、textarea、select控件的字元長度、值範圍、選擇個數的控制)、 compareValidator(提供2個對象的比較,目前可以比較字元串和數值型)、ajaxValidator(通過ajax到伺服器上做資料校驗)、regexValidator(提供可擴充的正規表達式庫) 、functionValidator (可使用外部函數來做校驗) 5.meioMask (示範位址) meioMask是一個可以讓使用者按指定格式輸入的jQuery插件。既可以使用預先設定的格式,也在class屬性中自定義輸入格式。 6.VanadiumJS (示範位址) VanadiumJS是一個強大的用戶端表單校驗jQuery插件。完全可以定制校規則,VanadiumJS預設提供的一些規則包括:必填、一些特定的格式、數字(integer, float)、長度、checkboxes是否接受。 10.報表類 1. 2. Flot 熱點圖書:www.hotbook.cn Flot一個純javascript繪畫庫,基于jQuery開發。它能夠在用戶端根據任何資料集快速生成圖檔。目前隻能繪制線狀圖和柱狀。 Flot 熱點圖書:www.hotbook.cn 3. jQchart 基于Canvas+jQuery,可拖放/互動的簡單圖形控件。 jQchart 熱點圖書:www.hotbook.cn 4 jquery.sparkline 這是一個用于生成迷你型線狀圖的jQuery插件。 jquery.sparkline 5. jQuery Google Charts (示範位址) jQuery Google Charts是一個封裝Google API charts的jQuery插件,提供了更加簡易的使用方法。 6. jqPlot (示範位址) jqPlot是一個jQuery繪圖插件,可以利用它制作漂亮的線狀圖和柱狀圖。jqPlot支援為圖表設定各種不同的樣式。提供Tooltips,資料點高亮顯示等功能。 11.上傳類 1. jqUploader 結合Javascript與Flash開發,擁有上傳進度條的檔案上傳控件。 jqUploader 熱點圖書:www.hotbook.cn 2. jQuery Multiple File Upload Plugin 多檔案上傳插件(jQuery.MultiFile)能夠讓使用者一次性選擇多個要上傳的檔案。此外該插件還提供一些基本的校驗功能比如:檔案擴充名校驗。 jQuery Multiple File Upload Plugin 3. jQuery: Ajax file upload Ajax檔案上傳插件讓使用者能夠很友善地上傳多個檔案而無需重新整理頁面。此外,可以使用任何元素(圖檔,文字,按紐等)來觸發檔案選擇視窗。 jQuery: Ajax file upload 12.日期時間類 1. jQuery UI Datepicker 基于jQuery開發的日期選擇控件。 jQuery UI Datepicker   2. Date Picker Date Picker一個采用jQuery開發的日期選擇控件。支援同時顯示多個月份月曆,标記特殊日期,易于通過CSS定制外觀,自定義周的第一天,自定義月份和星期的顯示名稱。 Date Picker 3. Date Range Picker 基于jQuery UI1.6與jQuery UI CSS架構開發的日期選擇控件。 Date Range Picker 13.圓角效果類 1. jQuery Corner 熱點圖書:www.hotbook.cn 不需要圖檔就能夠建立各種圓角形狀的jQuery插件。 jQuery Corner 2. JQuery Curvy Corners 用于建立圓角的jQuery插件。壓縮之後大小隻有9k。 JQuery Curvy Corners 3. jQuery Corner 更多圓角效果的jQuery插件。 jQuery Corner 4. jQuery Corners 熱點圖書:www.hotbook.cn 這是一個用于建立漂亮圓角效果的jQuery插件。不需要用到圖檔或其它特殊的标簽。 jQuery Corners
  • 繼續閱讀