花N長時間積累的Jquery插件,希望大家喜歡。大家還有什麼新的插件,請留言,我們一并收錄。
感謝大家的支援。
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
accordion類
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
基于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
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
autocomplate類
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
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,提供緩存選項來限制對伺服器的請求。
Autocomplete- jQuery plugin
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.cn
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
分頁類
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
jQuery Pagination
jQuery分頁插件
jQuery Pagination
pager jQuery plug-in
jQuery分頁插件。
pager jQuery plug-in
JQuery Pager
一個利用jQuery開發的分頁UI控件,可用于資料驅動的web應用程式中。
JQuery Pager
熱點圖書:www.hotbook.cn
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
提示框彈窗類
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
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
-
Facebook/Xiaonei 風格模态框
效果圖:
簡介:
使用 div, table 和 opacity 效果實作模态框效果...
導航:
詳細介紹 | 線上示範
熱點圖書網: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。
jQuery表格排序插件,點選表格中對應列的頭部單元,表格立即重新排序。
Tablesorter | Demo
csv2table
tableFormSynch
tableFormSynch 是一個表格與表單資料互相更新的jQuery插件。它提供的功能包括:基于表單中的資料,新增行。删除所選擇行,并清除表單中的所有資料。 tableFormSynch支援所有表單控件包括:checkboxes、radio、buttons 與<select>。
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
jQuery---運用圖檔預加載技術打造幻燈片
截圖:
一些示範:
http://www.cssrain.cn/demo/jQueryImgLoad/Demo1/demo2.html
http://www.cssrain.cn/demo/jQueryImgLoad/Demo2/demo3.html
http://www.cssrain.cn/demo/jQueryImgLoad/Demo3/demo4.html
http://www.cssrain.cn/demo/jQueryImgLoad/Demo1/demo1.html (以前做的,非預加載)
下載下傳:
http://www.cssrain.cn/demo/jQueryImgLoad/jQueryImgLoad.rar
jQuery pageSlide
jQuery pageSlide 是一個jQuery插件,它可以控制一個隐藏頁面的顯示和關閉。具體來說,就是目前頁占一個完整頁面,隐藏頁是看不到的,你設定一個控制的地方,點選該控制時觸發事件,隐藏的頁面就彈出來。再次點選隐藏頁面以外的空間,它就又關閉。
這适合在有限的空間裡,在首頁裡放重要内容,而隐藏頁放一些并不一定要顯示,而是有需要的使用者才去展開顯示的内容。
Creating a Slick Auto-Playing Featured Content Slider
Niall Doherty的 Coda Slider 為許許多多的設計師帶來了靈感. Chris Coyier 建立的這個Slick Auto-Playing Featured Content Slider 使用 Coda Slider插件 ,實作我們常說的”圖檔焦點特效”。多用于門戶站。
Portfolio Layout Idea Using jQuery
非常漂亮的一個特效布局。由 Benjamin Sterling 建立的這個 portfolio layout 使用了jQuery的 easing plugin. 适合那些想用來展示個人作品集的使用者。
它在頁面兩邊顯示帶縮略的作品清單,當你點選每個條目時,會在中間部分以退場然後進場的特效呈現出該作品的全部内容。
jQuery---圖檔先模糊後清楚
http://www.hotbook.cn/
很多圖檔網站用了這種技術,Google圖檔中心也不例外。
這種技術的圖檔是先顯示模糊的,然後再顯示清楚的。
這個模糊的原理就是 一張小圖檔,然後把尺寸放大,大小等于大圖檔的寬度和高度。
小圖檔被拉大了,理所當然就模糊了。
試想:小圖檔的尺寸是10kb,大圖檔的大小是500kb,那麼加載小圖檔的速度就是大圖檔的50倍。
當然你會說,如果直接顯示大圖檔是什麼情況呢?答案是:一片空白等着你。
示範:
http://www.cssrain.cn/demo/loadImages/loadimages.html
使用jQuery實作網頁報紙
示範:
http://www.cssrain.cn/demo/jquerynewspager/demo.html
原理:使用報紙内容作為 背景圖,相對定位。
然後裡面的div設定為絕對定位,大小,left和top都要跟背景圖比對。
是以這個有一定的規律。
下載下傳:
http://www.cssrain.cn/demo/jquerynewspager/jquerynewspager.rar
引申:
當背景人員問,每次要傳坐标,寬度和高度不麻煩麼?使用者知道使用麼?
教使用者使用photoshop?。。。!!!
解決方案:
使用圖檔截圖的插件即可,一般的截圖插件都能擷取4個坐标,寬度和高度,
當然我們隻需要這些,并不需要把圖檔真正截取下來。
jQuery購物網站産品展示.
作者:[email protected](admin)
程式介紹:
1,點選大圖可以彈出遮罩效果.
2,下方小圖可以左右滾動.
3,點選新視窗打開,可以打開目前的大圖檔.
4,遮罩層中小圖也可以左右滾動,也可以打開大圖檔.
在 IE6,IE7,Firefox3 & google 浏覽器下測試通過.
示範:
http://www.cssrain.cn/demo/jqueryProduct/demos.html
下載下傳:
http://www.cssrain.cn/demo/jqueryProduct/jqueryProduct.rar
Gallerific
Galleriffic 是使用 Mike Alsup 的 jQuery Cycle plugin 建立的圖檔展示效果,包括縮略圖、圖檔标題和描述等詳細功能,是一個非常不錯的高品質畫廊相冊展示工具。
2,ZoomImage
zoomimage ,以一種獨具魅力的方式展示圖檔效果。縮略圖連結在本頁彈出大圖,并且可以可以随意拖拽該懸浮圖檔。
3,EasySlider
Easy Slider 可以實作圖檔或其他任意内容,在水準或垂直方向上的滑動效果,你還可以通過 CSS 自定義設定樣式。
4,The Slider from Barack Obama’s website
一個源自美國總統 Barack Obama 網站的垂下滑動菜單控制的圖檔幻燈效果。
5,CodaSlider
CodaSlider,又一個不錯的滑動控制效果。
6,jQuery Slider II
jQuery Slider II 的布局非常符合操作習慣,在底部列出帶滾動條的縮略圖控制清單,然後在上面顯示對應圖檔的大圖浏覽,非常适合做進階相冊。
7,Beautiful Slider 熱點圖書:www.hotbook.cn
Beautiful Slider, 光看這個效果圖你就知道這個插件有多棒了吧,是的,這個插件實作的效果已經不遜色于Flash完成的效果,整體表現流暢,文字顯示效果更是創意獨特。
8,LoopedSlider
loopedSlider是又一個任意内容滾動切換的幻燈片插件,使用操作簡單。
9,SpaceGallery
SpaceGallery是一個全新的jQuery插件,點選目前圖檔,會自動放大消失,同時後面的圖檔向前展示,有一種時光機器的感覺。
10,jQuery Popeye
11,Noobslide 熱點圖書:www.hotbook.cn
12,Accessible News Slider 熱點圖書:www.hotbook.cn
13,SmoothGallery 熱點圖書:www.hotbook.cn
SmoothGallery是一個最好的 Javascript 幻燈片效果之一,可以實作各種不同的幻燈片轉換效果。
14,jQuery Multimedia Portfolio
jQuery Multimedia Portfolio是一個基于jQuery 的滑動效果插件,除了可以展示圖檔之外,還可以加入各種不同類型的多媒體檔案。
15,s3Slider
s3Slider是一個非常簡單實用的流暢幻燈片效果,這個插件被應用在無數的WordPress專業主題模闆中。
via: 15 jQuery image carousels for slideshows and galleries 熱點圖書:www.hotbook.cn
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
導航類熱點圖書:www.hotbook.cn
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
jQuery plugin: Treeview
這個插件能夠把無序清單轉換成可展開與收縮的Tree。
jQuery plugin: Treeview
FastFind Menu Script
可拖動的嵌套菜單窗體,基于動态"AJAX"響應。
FastFind Menu Script
iconDock
iconDock一個基于jQuery開發的Fisheye menu。
iconDock 熱點圖書:www.hotbook.cn
jQuery UI Tabs
jQuery UI Tabs:一個功能強大,易于使用的Tab控件。
jQuery UI Tabs
jstree
jsTree是一個基于jQuery的Tree控件。支援XML,JSON,Html三種資料源。提供建立,重命名,移動,删除,拖"放節點操作。可以自己自定義建立,删除,嵌套,重命名,選擇節點的規則。在這些操作上可以添加多種監聽事件。
jstree
熱點圖書:www.hotbook.cn
jQuery File Tree
jQuery File Tree是一個可配置的Ajax檔案浏覽器jQuery插件。可以通過CSS定制外觀,指定檔案樹展開圖示,可以自己定義展開/收縮事件、速度,配置加載資訊等。 jQuery File Tree通過Ajax來擷取檔案資訊。
jQuery File Tree
熱點圖書:www.hotbook.cn
Superfish
jQuery菜單插件。支援水準/垂直方向。彈出子菜單不會被<SELECT>标簽擋住。
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
Animated Menu using jQuery
A technique for animating menu items when a user hovers over them. Source files, including the PSD file, are available to download.
View Demo Page
Garagedoor Effect using jQuery
Gaya Kessler presents a wonder JavaScript menu that mimics the real garage door using jQuery.
View Demo Page
JGlide Menu
A very unique menu that floats on the page. Users can drag it to a position they desire.
View Demo Page
Vertical Sliding jQuery Menu
HVDesigns presents a menu that drops down and reveals more links.
View Demo Page
LavaLamp
When you hover an item, you’ll see the CSS sliding door technique created using jQuery. An alternate version for MooTols can be here.
11. Sliding JavaScript Menu Highlight
This sliding hover effect script is an easy technique for highlighting menu items.
12. Fading Menu - Replacing Content
This technique allows you to fade in and fade out menu items.
View Demo Page
13. Simple Multi-level Drop-Down Menu
A simple JavaScript drop down menu tutorial.
14. Using jQuery for Background Image Animations
A technique for creating animated menus using jQuery and CSS background-position properties.
View Demo Page
-
Tabpanel - jerichotab
效果圖:
簡介:
jerichoTab是一款模拟 firefox 标簽頁的插件, 通過豐富的API可以輕松的實作動态添加, 删除, 激活tab, 當tab頁過多時會在左右兩段增加滾動條...
導航:
詳細介紹 | 線上示範
熱點圖書:www.hotbook.cn
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
驗證類熱點圖書: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
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Flot
Flot一個純javascript繪畫庫,基于jQuery開發。它能夠在用戶端根據任何資料集快速生成圖檔。目前隻能繪制線狀圖和柱狀。
Flot
jQchart
基于Canvas+jQuery,可拖放/互動的簡單圖形控件。
jQchart
jquery.sparkline
這是一個用于生成迷你型線狀圖的jQuery插件。
jquery.sparkline
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Form相關類
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
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
jScrollPane
jScrollPane這個jQuery插件可以讓你通過簡單的CSS設定就能夠替換所有分塊元素在浏覽器中預設的垂直滾動條樣式。
jScrollPane
利用jQuery制作類似skype的按鈕效果.
示範:
http://www.cssrain.cn/demo/skypebuttons/SkypeButton.html
http://www.cssrain.cn/demo/skypebuttons/SkypeButton2.html
-
jCheckbox:
效果圖:
簡介:
jCheckbox用于模拟checkbox的效果, 友善開發人員自定義外觀, 由于所有的屬性都綁定到目标checkbox, 是以不必擔心狀态儲存或取值的問題...
導航:
詳細介紹 | 線上示範
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
上傳類熱點圖書: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
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
時間日期類熱點圖書:www.hotbook.cn
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
jQuery UI Datepicker
基于jQuery開發的日期選擇控件。
jQuery UI Datepicker
Date Picker
Date Picker一個采用jQuery開發的日期選擇控件。支援同時顯示多個月份月曆,标記特殊日期,易于通過CSS定制外觀,自定義周的第一天,自定義月份和星期的顯示名稱。
Date Picker
Date Range Picker
基于jQuery UI1.6與jQuery UI CSS架構開發的日期選擇控件。
Date Range Picker
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
圓角類熱點圖書:www.hotbook.cn
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
jQuery Corner
不需要圖檔就能夠建立各種圓角形狀的jQuery插件。
jQuery Corner
JQuery Curvy Corners
用于建立圓角的jQuery插件。壓縮之後大小隻有9k。
JQuery Curvy Corners
jQuery Corner
更多圓角效果的jQuery插件。
jQuery Corner
jQuery Corners
這是一個用于建立漂亮圓角效果的jQuery插件。不需要用到圖檔或其它特殊的标簽。
jQuery Corners
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
評價類熱點圖書:www.hotbook.cn
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
jQuery Ajax Rater Plugin
能夠動态建立Ajax Rater的jQuery插件。
jQuery Ajax Rater Plugin
Star Rating widget
采用jQuery架構開發的評價控件。
Star Rating widget
jQuery Star Rating Plugin
Star Rating Plugin是一個基于一組radio input boxes實作的星形評價控件。
jQuery Star Rating Plugin
Ajax Poll
利用jQuery的Ajax和動畫效果并給合PHP開發的投票系統。
Ajax Poll
jQuery 投票調查元件
主要功能:
測試答題框
可作心理測試等測試題使用
問題和選項通過questions.xml設定
顯示目前得分
顯示目前答題進度
可作翻看選過的選項
通過不同的得分調取不同結果内容
DEMO 位址 靜态版本
DEMO 位址 XML 版本
檔案打包下載下傳
下面是裝載XML 版本的代碼 完整的代碼請 打包下載下傳
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
虛拟鍵盤類
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
在進行一些高安全性 Web 設計時,為了使用者輸入表單資訊的安全,往往不希望使用者直接通過實體滑鼠進行操作,而是提供額外的 Web 虛拟滑鼠來幫助使用者完全某些隐私表單内容的輸入,是以,就用到了本文提及的3個 JavaScript 安全虛拟鍵盤插件。
自定義 jQuery 虛拟小鍵盤插件 plugin
jQuery 小鍵盤 是一個用于建立安全表單輸入的插件工具,提供友好的鍵盤界面接口。使得可以僅允許使用者輸入數字、字母等限制性操作。
jQuery 虛拟鍵盤
一個建立 jQuery 虛拟鍵盤 的學習向導,教你一步一步地建立自己的jQuery 虛拟鍵盤,而且必須得 JavaScript 腳本可以免費下載下傳。安全性高的 Web 虛拟鍵盤在金融類網站的和要求高安全性的表單操作中應用非常廣泛。是以,學會如何編寫一個優秀的Web 安全虛拟鍵盤非常有用。
Virtual keyboard 虛拟鍵盤
虛拟鍵盤被廣泛應用在極進階别的網站開發中,包括線上銀行類網站應用等。Virtual keyboards 能幫助我們防止鍵盤操作記錄,阻止使用者進行某些特殊按鍵的限制操作, virtual keyboard 使用簡單,支援多種語言。
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
其它類熱點圖書:www.hotbook.cn
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
jquery-aop
為 JavaScript增加面向方面程式設計特性的jQuery插件。它能給任何函數添加Advices(Before、<>與Around)。
jquery-aop
xmlObjectifier
基于jQuery開發,能夠把XML DOM轉換成 JSON的JavaScript library。
xmlObjectifier
JQuery Portlets
這個jQuery插件提供一些Portlets功能包括:drag/drop,expand,collapse等。
JQuery Portlets
EasyDrag jQuery Plugin
這個jQuery Plugin能夠為大部DOM元素添加拖放功能。
EasyDrag jQuery Plugin
-
Drag and Drop:
效果圖:
簡介:
dragndrop為開發人員實作dom拖拽提供了更簡單的方法, 并可以監視對象dom的位置以便進行資料(position)存儲...
導航:
詳細介紹 | 線上示範
-
Resizable:
效果圖:
簡介:
resizable插件使html dom resize更易于實作(這句話真别扭)...
導航:
詳細介紹 | 線上示範
jFeed
jFeed是一個基于jQuery開發的RSS/ATOM Feed解析器。 jFeed能夠解析RSS0.91、0.92、1.0、2.0和Atom1.0 Feeds。
jFeed
jQuery.UI ProgressBar Widget
采用jQuery開發的進度條控件。
jQuery.UI ProgressBar Widget
JQuery Progress Bar
基于jQuery開發的進度條控件。在其網站上提供一個可以顯示檔案上傳進度的例子,伺服器端采用PHP處理。
JQuery Progress Bar
jQuery Form Plugin
jTemplates
基于jQuery開發的javascript模闆引擎。
jTemplates
Animated Collapsible DIV
為任何DIV層添加Web2.0風格的動畫隐藏/顯示效果。
Animated Collapsible DIV
Simple Effects Plugins
jQuery特效插件,可以實作收縮,隐藏,顯示,淡入/淡出和上下滑動效果等.
Simple Effects Plugins
jQuery.Hotkeys plugin
這個jQuery插件能夠幫助你快速建立鍵盤觸發事件。支援任意組合鍵。
jQuery.Hotkeys plugin
jMP3
jMP3是一個采用jQuery開發的JavaScript MP3插放器,提供一種可以在頁面上直接播放MP3的簡便方式。
jMP3
Pure
Pure是一個基于jQuery開發,能夠動态生成HTML的JavaScript模闆引擎。支援JSON資料。
Pure
<>
Chain.js是一個提供資料綁定功能的jQuery插件。用于自動生成Web内容,有利于資料與表現相分離。
Chain.js
ppDrag
ppDrag是一個讓頁面元素擁有拖移(Drag&Drop)效果的jQuery插件。
ppDrag
jqDnR
jqDnR一個輕量級jQuery插件能夠讓你拖拽任何元素、調整元素大小。
jqDnR
Scroll Follow
Scroll Follow是一個簡單的jQuery插件。當滾動頁面時,能夠讓DOM對象産生浮動跟随效果。
Scroll Follow
jQuery Taconite Plugin
這個jQuery插件能夠利用單個Ajax調用結果同時更新多個DOM對象。
jQuery Taconite Plugin
jQuery URL Parser
用于解析URLs字元串的jQuery插件。友善你擷取協定,主機,端口,查詢參數,檔案名,路徑等。
jQuery URL Parser
jQuery.xml2json
jQuery.xml2json是一個能夠将簡單的XML轉換成JSON對象的jQuery插件。
jQuery.xml2json
Ajaxify
Ajaxify這個jQuery插件能夠将一個頁面中的所有連結轉換成Ajax加載和送出請求。
Ajaxify
熱點圖書:www.hotbook.cn
jQuery Address - Deep linking plugin。
從 CssRain.cn 作者:[email protected](admin)
類似于瞄點技術( url#address ),使得浏覽器的後退按鈕生效。在Ajax應用中,可以使用。
示範:
http://www.asual.com/jquery/address/samples/tabs/
http://www.asual.com/jquery/address/samples/api/
下載下傳:
http://www.asual.com/jquery/address/
熱點圖書:www.hotbook.cn
quickSearch
quickSearch,顧名思義是一個jQuery驅動的快速搜尋插件,Ajax顯示搜尋結果。
quickSearch | Demo