jquery經常使用的插件1000收集

花N長時間積累的Jquery插件,但願你們喜歡。你們還有什麼新的插件,請留言,咱們一併收錄。 javascript

感謝你們的支持。 php

1.accordion類css

基於jQuery開發,很是簡單的水平方向摺疊控件。

Horizontal accordion: jQuery
熱點圖書:www.hotbook.cn
jQuery-Horizontal Accordion
具備XBOX360 blade界面風格的水平方向Accordion。

jQuery-Horizontal Accordion
jQuery plugin: Accordion

用於建立 摺疊菜單的jQuery插件。

jQuery plugin: Accordion
熱點圖書:www.hotbook.cn
Accordion Menu script

基於 jQuery開發的可摺疊菜單。

Accordion Menu script
熱點圖書:www.hotbook.cn
jQuery.combobox

jQuery.combobox 是一個採用jQuery開發的combobox控件,可使用CSS控制該combobox的外觀,能夠設置各類不一樣風格的下拉動畫效果。

jQuery.combobox
熱點圖書:www.hotbook.cn
2.AutoCompletehtml

jQuery插件易於集成到如今的表單中(Form)。

AutoComplete-JQuery
Facebook like Autocomplete
基於jQuery開發,相似於FaceBoox提供的 AutoCompleter。

Facebook like Autocomplete
jQuery Autocomplete Mod
jQuery Autcomplete插件。可以限制下拉菜單顯示的結果數。

jQuery Autocomplete Mod
jqac
基於Jquery開發的Autocomplete插件。具備易於使用,配置簡單,既能夠利用Ajax讀取數據也能夠直接從本地獲取數據。

jqac
熱點圖書:www.hotbook.cn
jQuery Tag Suggestion
相似於del.icio.us提供的tag suggesting功能。

jQuery Tag Suggestion
Autocomplete-jQuery ajax
利用 jQuery(Ajax),PHP和MySQL開發的 AutoCompleter。

Autocomplete-jQuery ajax
jQuery.Suggest
跨瀏覽器支持,基於jQuery開發的Autocomplete library。

jQuery.Suggest
Autocomplete- jQuery plugin
一個jQuery Autocompleter,提供緩存選項來限制對服務器的請求。
java

Autocomplete- jQuery pluginjquery

jQuery plugin: Autocomplete

自動完成輸入框值讓用戶可以快速查找和過濾某些值。

jQuery plugin: Autocomplete
jSuggest

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

jSuggest
jQuery Live Ajax Search Plug-in

採用 jQuery開發的AutoComplete控件。搜索結果展現框徹底能夠利用CSS自定義,內容展現是一個HTML頁面。

jQuery Live Ajax Search Plug-in
ddcombobox

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

ddcombobox
熱點圖書:www.hotbook.cngit

分頁類github

jQuery Pagination
jQuery分頁插件

jQuery Pagination
pager jQuery plug-in

jQuery 分頁插件。

pager jQuery plug-in
JQuery Pager

一個利用 jQuery開發的分頁UI控件,可用於數據驅動的web應用程序中。

JQuery Pager
熱點圖書:www.hotbook.cnweb

提示框類ajax

Facebox
Facebox 是一個基於jQuery,Facebook-style的lightbox。可以展現示images,divs或者整個遠程頁面。

Facebox
SimpleModal
SimpleModal是一個輕量級jQuery插件提供了一個簡單的接口來建立模式對話框。

SimpleModal
jTip

jTip 一個利用jQuery開發的提示工具。jTip經過HttpXMLRequest獲取內容。用法簡單,只須要在你的元素的class上加上Jtip,並引入jtip.js及其樣式便可以。

jTip
BetterTip

一個能夠自定義Tooltip的jQuery插件。基於jTip,但比它來得更加靈活。

BetterTip
clueTip

clueTip 這個jQuery插件方便您爲連接或其它元素添加Tooltip功能。當連接包括title屬性時,它的內容將變成clueTip的標題。clueTip 中顯示的內容能夠經過Ajax獲取,也能夠從當前頁面中的元素中獲取。

clueTip
jQuery lightBox plugin

一個簡單,強大基於jQuery開發的lightBox控件。

jQuery lightBox plugin
jQuery Impromptu

用於建立模式對話框,確認對話框,輸入內容對話框的jQuery插件。

jQuery Impromptu
jQuery.UI Messenger"Outlook like message notification Widget

這個jQuery.UI控件相似於Messenger"Outlook消息彈出提醒框。

jQuery.UI Messenger"Outlook like message notification Widget
FancyBox

基於 jQuery開發的Lightbox插件。支持對放大的圖片添加陰影效果,對於一組相關的圖片添加導航操做按紐,該Lightbox除了可以展現圖片以外,還能夠展現iframed內容, 經過CSS自定義外觀。

FancyBox
Coda Popup Bubbles

採用 jQuery開發,相似「冒泡」效果的提醒彈出框。

Coda Popup Bubbles
jGrowl

jGrowl 用於製做消息彈出框的jQuery插件。產生效果的相似於Mac OSX系統中Growl事件通知框架。

jGrowl
jqWindowsEngine

這個 jQuery插件可以幫助你輕鬆建立Ajax Windows。

jqWindowsEngine
jQuery Alert Dialogs

這個 jQuery插件可以替換JavaScript提供的alert()、confirm()和prompt()功能。支持利用CSS自定義對話框外觀。




jQuery Alert Dialogs
BeautyTips

BeautyTips 是一個jQuery Tooltip插件.

BeautyTips
熱點圖書:www.hotbook.cn

編輯器類

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

jwysiwyg

Damn Small Rich Text Editor
基於jQuery開發,可以從IFRAME元素建立一個Rich Text Editor。提供了全部基本的Rich Text功能,可設置文本編輯區大小,Ajax上傳圖片等。

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

表格類

Flexigrid
Flexigrid是一個相似於Ext Gird,但基於jQuery開發的Grid。它具備的功能包括:能夠調整列寬,合併列標題,分頁,排序,顯示/隱藏表格等。Flexigrid顯示的數據可以經過Ajax獲取或者從一個普通的表格轉換。

Flexigrid
Ingrid

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

Ingrid
jQuery Grid

jqGrid 是一個Ajaxed jQuery Grid插件。提供分頁功能,添加、編輯、刪除和搜索表中記錄,支持多種數據類型輸入:XML,JSON,Array等,多行選擇,支持子表格,集成日期選擇控件等等。
Demo

jQuery Grid
tableHover

tableHover 一個jQuery插件當鼠標通過時,可以對錶格的一整列或行進行着色加亮。支持colspans與rowspans的表格。

tableHover
JQuery.Resizer

一個輕量級jQuery插件用於建立能夠拖動調整行高與列寬的表格。
JQuery.Resizer
tablesorter

tablesorter 這個jQuery插件可以將帶THEAD與TBODY標籤的標準HTMLTable轉換成一個可排序的表格。tablesorter可以排序多種數據類型 包括Text、URIs、integers、currency、floats、IP地址、日期、時間和自定義的數據類型。支持擁有複雜表頭表格的排序,支 持二級隱藏排序,支持多種瀏覽器:IE6.0+、FF2+、Safari2.0+、Opera9.0+。

tablesorter
csv2table

csv2table 這個插件可以將CVS文件(利用Excel建立)的內容轉換成HTML Table。
csv2table
tableFormSynch

tableFormSynch 是一個表格與表單數據相互更新的jQuery插件。它提供的功能包括:基於表單中的數據,新增行。刪除所選擇行,並清除表單中的全部數據。 tableFormSynch支持全部表單控件包括:checkboxes、radio、buttons 與



tableFormSynch
熱點圖書:www.hotbook.cn

色彩選擇器

Farbtastic
Farbtastic是一個color picker插件。它可以在一個頁面中加入多個顏色選擇控件,而後每一個控件關聯到頁面中的一個元素好比:文本輸入框。

Farbtastic
jQuery Color Picker

一個簡單的顏色選擇控件。操做方式與Adobe Photoshop中顏色選擇操做置。

jQuery Color Picker
iColorPicker

iColorPicker 是一個只有6KB大小的jQuery Color Picker。只要將輸入框的class屬性設置爲「iColorPicker」就能變一個漂亮的顏色選擇器。

iColorPicker
熱點圖書:www.hotbook.cn

右鍵菜單

ContextMenu
用於建立右鍵彈出菜單的jQuery插件。

ContextMenu

圖片新聞Flash展現相關類熱點圖書:www.hotbook.cn

imgAreaSelect

imgAreaSelect 這個jQuery插件可以選取一張圖片中一個矩形區域。

imgAreaSelect
Easy Slide

EasySlide 是以jQuery爲基礎開發的一個圖庫展現插件,EasySlide能夠將任何一個網頁容器(Container)內的圖形自動將其排列展現,並加上鼠標指向時的暫停效果(Pause),能夠看成圖庫展現或是動畫及廣告Banner使用。

Easy Slide
Easy News

Easy News是一個可讓您輕鬆顯示網站新聞或圖文內容展現的jQuery插件,可設定Fade In-Out ,Slide Up-Down, Left To Right 的效果,調整顯示速度,可自行修改CSS改變您爲喜歡的風格。

Easy News
Easy News Plus

Easy News Plus是基於Easy News開發,滾動式新聞或圖文內容展現的jQuery插件,可是與Easy News有徹底不一樣的顯示方式(以左右滑動爲主要的顯示方法)。
Easy News Plus
jQZoom

基於 jQuery開發的圖片放大鏡插件。

jQZoom
jQuery Plugin: Text Highlight

利用 javascript對頁面中的關鍵字進行着色的jQuery插件。

jQuery Plugin: Text Highlight
jCarousel Lite

這個 jQuery插件可以幫助你以滾動(carousel)的方式來組織圖片和其它內容。

jCarousel Lite
jCarousel

jCarousel 是一個jQuery插件用於控制一個列表項目的水平或垂直順序,列表項目的內容能夠是靜態HTML內容或經過AJAX加載的內容。能夠向前或向後滾動。

jCarousel
Spacegallery-Jquery

一個採用 jQuery開發,相似於Flash效果的圖庫(image gallery)。

Spacegallery-Jquery
jQuery Slider Gallery

這是一個基於jQuery開發相冊控件,相似於Apple網站上用於展現產品的效果。

jQuery Slider Gallery
jQuery Cycle Plugin

jQuery Cycle Plugin是一個slideshow插件。支持多種變換效果:shuffle、zoom、fade、turnDown、curtainX、 scrollRight。

jQuery Cycle Plugin
Zoomimage

該 jQuery插件可以讓以當前流行的方式來展現圖片。提供:預加載圖片提示,對圖片進行分組,自動調整圖片顯示比例,圖片分組瀏覽控制。

Zoomimage
prettyPhoto

prettyPhoto 是jQuery lightbox的一個「克隆」。並增長動畫效果,圖庫瀏覽等特性。

prettyPhoto
ThickBox

ThickBox 是一個模式對話框UI控件。基於jQuery開發,能夠用來展現單張或多張圖片,內嵌的內容,iframed的內容,或經過Ajax獲取的內容。

ThickBox
Galleria

Galleria 是一個採用jQuery開發的圖片展現插件。它經過縮略圖導航一張一張的顯示大的圖片。支持經過CSS設置整個相冊的風格。可以按比例建立縮略圖並剪切成適合在縮略圖容器中顯示的小圖片。可以觸一些事件,所以能夠在圖片加載時執行一些動做。

Galleria
jQuery Flash Plugin

一個 jQuery插件用於在頁面中嵌入Flash影片。

jQuery Flash Plugin
jQuery.SerialScroll

jQuery.SerialScroll 是一個用於建立滾動效果的jQuery插件,支持水平/垂直方向滾動和混合滾動效果。

jQuery.SerialScroll
InnerFade

InnerFade 這個jQuery插件可以讓任意一組元素(img,div等)實現淡入淡出播放效果。

InnerFade
NyroModal

一個基於 jQuery開發,很是靈活和可定製外觀/動畫效果的模式對話框。可經過Ajax調用目標內容,改變對話框大小等。

NyroModal
CrossSlide

CrossSlide 這個jQuery插件實現了一些經常使用Javascript幻燈片放映動畫效果如:動態地移動、縮放、漸變、滑入"滑出等。

CrossSlide
Magnify

Magnify 是一個可以在圖片上添加放大鏡功能的jQuery插件。

Magnify
Img Notes

用於當鼠標移到圖片是時,顯示一個信息提示框。

Img Notes
FancyZoom

FancyZoom 採用縮放效果來展現圖片或任意HTML頁面,不須要另外開啓頁面來載入圖片,其效果在Apple Mac的官方網站中也有。

FancyZoom
Jcrop

Jcrop 是一個跨瀏覽器的jQuery圖片剪切插件(jQuery image crop plugin)。支持對剪切框加 CSS樣式,當選取或拖動時添加回調事件(Callbacks),剪切時可以約束寬度與高度。

Jcrop
Galleriffic

Galleriffic 是一個用於建立快速展現相冊中照片的jQuery插件。圖片既能夠以幻燈片的方式查看,也能夠手動點擊縮略圖查看。Galleriffic還支持分頁,從而使得它可以展現更多的圖片。

Galleriffic
Image Upload and Auto Crop

採用 PHP+jQuery開發的圖片上傳和剪切(Crop)工具。

Image Upload and Auto Crop
prettyGallery

prettyGallery 是一個圖庫導航控件Slider。基於jQuery開發,除了能夠導航圖片以外,還支持其它任何內容。能夠配置導航滾動速度和圖片標題說明。

prettyGallery
jQuery.popeye

jQuery.popeye 這個插件可以將一組無序的圖片列表轉換成一個簡單的相冊。當點擊圖片時將以Lightbox風格放大圖片。圖片展現框提供向前/向後控制並可以爲每一張圖 片添加備註說明信息。jQuery.popeye可以根據圖片大小自動調整展現框的高度和寬度。

jQuery.popeye
s3Slider

s3Slider 是一個jQuery slideshow插件,效果相似於smooth slideshow
能夠在圖片上的任意位置,透明顯示當前所放映圖片的說明信息。

s3Slider
Pirobox

採用 jQuery開發的Lightbox控件。可以根據瀏覽器窗體大小自動調整展現圖片大小。提供向前/向後控制連接。動態加載圖片效果。易於定製。

Pirobox
Simple Controls Gallery

這是一個採用jQuery開發的圖片slideshow控件。提供一個暫停/播放/向前/向後展現的控制菜單。這個jQuery slideshow能夠設置當頁面打開時自動播放圖片並可以將最近查看的圖片存儲在cookie中。

Simple Controls Gallery
Agile Carousel

Jquery Slideshow插件。易於定製圖片切換效果。提供開/關圖片標題顯示,添加文本水印等功能。

Agile Carousel
jQuery Plugin-Page Peel

這是一個用於建立Page Peel(卷頁/頁面剝落)特效的jQuery插件。

jQuery Plugin-Page Peel
Easy Slider

一個 jQuery插件,當點擊導航按紐時能夠水平或垂直播放圖片或其它任何內容。

Easy Slider
imgPreview

圖片預覽 jQuery插件。當鼠標移到圖片連接上時,會在連接的旁邊出現一個相似於tooltip效果的圖片展現框。

imgPreview
Jquery Fade In.Fade Out

這是一個用於讓圖片產生淡入淡出效果的jQuery插件。

Jquery Fade In.Fade Out
Captify

這個 jQuery插件可以在圖片上顯示標題信息,當鼠標放到圖片上時滑動出現。

Captify
jParallax

這是一個用於生成視差現象的jQuery插件。mParallax可以產生的效果與 jParallax同樣但採用Mootools框架開發。


jParallax

導航類熱點圖書:www.hotbook.cn

jQuery plugin: Treeview

這個插件可以把無序列表轉換成可展開與收縮的Tree。

jQuery plugin: Treeview

FastFind Menu Script

可拖動的嵌套菜單窗體,基於動態"AJAX"響應。

FastFind Menu Script
iconDock

iconDock 一個基於jQuery開發的Fisheye menu。

iconDock
jQuery UI Tabs

jQuery UI Tabs:一個功能強大,易於使用的Tab控件。

jQuery UI Tabs
jstree

jsTree是一個基於jQuery的Tree 控件。支持XML,JSON,Html三種數據源。提供建立,重命名,移動,刪除,拖"放節點操做。能夠本身自定義建立,刪除,嵌套,重命名,選擇節點的規則。在這些操做上能夠添加多種監聽事件。

jstree
jQuery File Tree

jQuery File Tree是一個可配置的Ajax文件瀏覽器jQuery插件。能夠經過CSS定製外觀,指定文件樹展開圖標,能夠本身定義展開/收縮事件、速度,配置加載信息等。 jQuery File Tree經過Ajax來獲取文件信息。

jQuery File Tree
Superfish

jQuery 菜單插件。支持水平/垂直方向。彈出子菜單不會被標籤擋住。

Superfish
accordion menu

Accordion 風格的jQuery菜單。

accordion menu
CSS Dock Menu

採用 jQuery+CSS實現,仿Mac Dock Menu的一個導航菜單。

CSS Dock Menu
CheckTree

帶 Checkbox的樹型jQuery插件。

CheckTree
idTabs

idTabs 是一個可以建立簡單到複雜Tab控件的jQuery插件。支持動態添加和選擇Tab,idTabs可以綁定到不一樣的事件如mouseover。

idTabs
jQuery Context Menu

jQuery Context Menu是一個右鍵菜單插件。經過很是少的設置就可以輕鬆實現右鍵菜單功能。

jQuery Context Menu
jQuery Right-click

這個插件可以讓你使用jQuery來捕獲由鼠標右鍵觸發的事件。這些事件包括:click、mouseup、mousedown。
jQuery Right-click
jQuery Multi Level CSS Menu

這是一個多級水平CSS菜單,利用規則嵌套的HTML列表標籤建立。當子菜單靠近窗體右邊緣時,將自動調整展現方面。

jQuery Multi Level CSS Menu
ListNav

ListNav 是一個用於建立按字母順序分類導航的jQuery插件。

ListNav
Simpletip

Simpletip 是一個基於jQuery開發的Tooltips控件。Tooltips能夠附在任意元素(標籤)之上。並定製展現方式與位置。tooltips能夠是靜態,動態或經過Ajax加載。

Simpletip
Smooth Navigation Menu

Smooth Navigation Menu是一個採用jQuery開發,基於CSS的多層級網站導航菜單。菜單項的內容既能夠直接從當前頁面中獲取,也能夠從一個外面文件或經過Ajax獲取。

Smooth Navigation Menu
jdMenu

jdMenu 是用於建立水平/垂直分層下拉菜單的jQuery插件.支持經過Ajax加載菜單項,自定義動畫效果,易於定製外觀,支持相對(relative)與絕對 (absolute) 定位等。

jdMenu
jqDock

這是一個可以將一組圖片轉換成相似於Mac風格魚眼菜單(Dock Menu)的jQuery插件。菜單能夠是水平方向或垂直方向。

jqDock

驗證類熱點圖書:www.hotbook.cn

jQuery plugin: Validation

jQuery 校驗插件。

jQuery plugin: Validation
Masked Input Plugin

Masked Input這個jQuery插件讓用戶可以按照預先設定好的固定格式輸入數據(如日期、電話號碼等)。

Masked Input Plugin
jQuery password strength meter

用於檢測密碼強度的jQuery插件。

jQuery password strength meter
jVal

jQuery 表單校驗插件。

jVal

圖表類熱點圖書:www.hotbook.cn熱點圖書:www.hotbook.cn

Flot

Flot 一個純javascript繪畫庫,基於jQuery開發。它可以在客戶端根據任何數據集快速生成圖片。目前只能繪製線狀圖和柱狀。

Flot
jQchart

基於 Canvas+jQuery,可拖放/交互的簡單圖形控件。

jQchart
jquery.sparkline

這是一個用於生成迷你型線狀圖的jQuery插件。

jquery.sparkline

Form相關類熱點圖書:www.hotbook.cn

jNice
建立自定義外觀的Form元素,功能與正常的Form元素類似。

jNice

jQuery calculate

jQuery 計算插件,提供一些經常使用的數學計算功能好比:Sum、Average、Min、Max等。

jQuery calculate

jQuery select box

模仿 HTML select box實現功能的一個下拉菜單。

jQuery select box
prettyCheckboxes

一個簡單的jQuery插件用於定製checkboxe和radio按紐的外觀。

prettyCheckboxes
jGrow

jGrow 這個jQuery插件可以讓textarea根據文本的長度自動調整它的大小。

jGrow
jQuery Form Plugin

爲 表單 (Form)提供全面Ajax支持,包括文件上傳功能的jQuery插件。提供的方法/功能包括:ajaxForm、ajaxSubmit、 formToArray、formSerialize、fieldSerialize、fieldValue、clearForm、 clearFields、resetForm。這些方法可以讓你輕鬆地管理Form中的數據和Form無刷新提交。
jQuery Form Plugin
mcDropdown jQuery Plug-in

mcDropdown 是一個獨特的UI控件,它可以讓用戶在一個複雜分級的樹形下拉選項中進行選擇。

mcDropdown jQuery Plug-in
Create A Slider From A Select Box

這是一個漂亮的jQuery插件可以自動將select boxes轉換成一個sliders控件。

Create A Slider From A Select Box
TextArea Resizer

這個 jQuery插件提供Resizer bar可拖動調整TextArea大小。

TextArea Resizer

jQuery MultiSelect

jQuery MultiSelect是一個可配置的jQuery插件。它將普通的列表框表單控件轉換成帶有CheckBox的下拉列表控件。

jQuery MultiSelect
Editable(jQuery Editable Plugin)

這 是一個真正可定製的jQuery editableplugin。當前它可以將任意不可編輯的標籤(span、div、p...等)轉換成可編輯的textinput、password、 textarea、下拉列表(drop-downlist)等標籤。你能夠利用它的editableFactory對象來擴展添加本身所需的input type。

Editable(jQuery Editable Plugin)

NicejForm

NiceJForm 是一個擁有完美外形的表單,它是基於jquery庫的,NiceJForms其實是個jquery插件,用來使表單看起來更爲美觀。這不是最終版本,我知道能夠經過多種途徑改良它的腳本,可是至少,這是一個可使用的穩定版本。很是感謝Lucian Slatineanu發佈的 NiceJForm,在他的blog中你能夠得到更多信息。
在IE6,IE7,Firefox2.0中測試成功。
NicejForm

上傳類熱點圖書:www.hotbook.cn

jqUploader

結合 Javascript與Flash開發,擁有上傳進度條的文件上傳控件。

jqUploader
jQuery Multiple File Upload Plugin

多文件上傳插件(jQuery.MultiFile)可以讓用戶一次性選擇多個要上傳的文件。此外該插件還提供一些基本的校驗功能好比:文件擴展名校驗。

jQuery Multiple File Upload Plugin
jQuery: Ajax file upload

Ajax 文件上傳插件讓用戶可以很方便地上傳多個文件而無需刷新頁面。此外,可使用任何元素(圖片,文字,按紐等)來觸發文件選擇窗口。

jQuery: Ajax file upload

相關文章
相關標籤/搜索