天天看點

jQuery:收集一些基于jQuery架構開發的控件/jquery插件

Coda Popup Bubbles

采用jQuery開發,類似“冒泡”效果的提醒彈出框。

首頁:http://jqueryfordesigners.com/coda-popup-bubbles/ 

下載下傳:http://jqueryfordesigners.com/coda-popup-bubbles/ (沒找到)

示例:http://jqueryfordesigners.com/demo/coda-bubble.html

Simple Effects Plugins

jQuery特效插件,可以實作收縮,隐藏,顯示,淡入/淡出和上下滑動效果等.

首頁:http://www.learningjquery.com/2008/02/simple-effects-plugins 

下載下傳:http://www.learningjquery.com/2008/02/simple-effects-plugins (沒找到)

示例:http://www.learningjquery.com/2008/02/simple-effects-plugins

mcDropdown jQuery Plug-in 

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

首頁:http://www.givainc.com/labs/mcdropdown_jquery_plugin.htm 

下載下傳:http://www.givainc.com/labs/downloads/jquery.mcdropdown.zip 

示例:http://www.givainc.com/labs/mcdropdown_jquery_plugin

jQuery.Hotkeys plugin

這個jQuery插件能夠幫助你快速建立鍵盤觸發事件。支援任意組合鍵。

首頁:http://code.google.com/p/js-hotkeys/ 

下載下傳:http://js-hotkeys.googlecode.com/files/jshotkeys-0.7.8.zip 

示例:http://jshotkeys.googlepages.com/test-static-01.html

jGrowl

jGrowl用于制作消息彈出框的jQuery插件。産生效果的類似于Mac OSX系統中Growl事件通知架構。

首頁:http://stanlemon.net/projects/jgrowl.html 

下載下傳:http://plugins.jquery.com/files/jgrowl-1.1.2.tar.gz 

示例:http://stanlemon.net/projects/jgrowl.html

jQuery Grid

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

首頁:http://www.trirand.com/blog/ 

下載下傳:http://www.trirand.com/blog/ (沒找到)

示例:http://www.trirand.com/blog/

jMP3

jMP3是一個采用jQuery開發的JavaScript MP3插放器,提供一種可以在頁面上直接播放MP3的簡便方式。

首頁:http://www.sean-o.com/jquery/jmp3/ 

下載下傳:http://www.sean-o.com/jquery/jmp3/jquery.jmp3.js 

示例:http://www.sean-o.com/jquery/jmp3/

jQuery Multiple File Upload Plugin

多檔案上傳插件(jQuery.MultiFile)能夠讓使用者一次性選擇多個要上傳的檔案。此外該插件還提供一些基本的校驗功能比如:檔案擴充名校驗。

首頁:http://www.fyneworks.com/jquery/multiple-file-upload/ 

下載下傳:http://www.fyneworks.com/jquery/multiple-file-upload/#tab-Download 

示例:http://www.fyneworks.com/jquery/multiple-file-upload/#tab-Examples

Masked Input Plugin

Masked Input這個jQuery插件讓使用者能夠按照預先設定好的固定格式輸入資料(如日期、電話号碼等)。

首頁:http://digitalbush.com/projects/masked-input-plugin 

下載下傳:http://jquery-joshbush.googlecode.com/files/jquery.maskedinput-1.2.2.min.js 

示例:http://digitalbush.com/projects/masked-input-plugin

jQuery password strength meter

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

首頁:http://simplythebest.net/scripts/ajax/ajax_password_strength.html 

下載下傳:http://simplythebest.net/scripts/ajax/ajax_files/jsquery_pstrength.zip 

示例:http://simplythebest.net/scripts/ajax/ajax_password_strength.html

Pure

Pure是一個基于jQuery開發,能夠動态生成HTML的JavaScript模闆引擎。支援JSON資料。 

首頁:http://beebole.com/pure/ 

下載下傳:http://github.com/pure/pure/tree/master (未下載下傳)

示例:http://beebole.com/pure/

Star Rating widget

采用jQuery架構開發的評價控件。

首頁:http://orkan.jaslo4u.pl/star_rating/index.html 

下載下傳:http://orkan.jaslo4u.pl/star_rating/index.html (沒找到)

示例:http://orkan.jaslo4u.pl/star_rating/index.html

NyroModal

一個基于jQuery開發,非常靈活和可定制外觀/動畫效果的模式對話框。可通過Ajax調用目标内容,改變對話框大小等。

首頁:http://nyromodal.nyrodev.com/ 

下載下傳:http://nyromodal.googlecode.com/files/nyroModal-1.4.2.zip  

示例:http://nyromodal.nyrodev.com/

Chain.js

Chain.js是一個提供資料綁定功能的jQuery插件。用于自動生成Web内容,有利于資料與表現相分離。

首頁:http://github.com/raid-ox/chain.js/wikis 

下載下傳:http://github.com/raid-ox/chain.js/zipball/stable 

示例:http://wiki.github.com/raid-ox/chain.js/demos

Superfish

jQuery菜單插件。支援水準/垂直方向。彈出子菜單不會被<SELECT>标簽擋住。

首頁:http://users.tpg.com.au/j_birch/plugins/superfish 

下載下傳:http://users.tpg.com.au/j_birch/plugins/superfish/#download 

示例:http://users.tpg.com.au/j_birch/plugins/superfish/#examples

CrossSlide

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

首頁:http://www.gruppo4.com/~tobia/cross-slide.shtml 

下載下傳:http://www.gruppo4.com/~tobia/files/jquery.cross-slide.js 

示例:http://www.gruppo4.com/~tobia/cross-slide.shtml

Magnify

Magnify是一個能夠在圖檔上添加放大鏡功能的jQuery插件。

首頁:http://www.jnathanson.com/index.cfm?page=jquery/magnify/magnify 

下載下傳:http://www.jnathanson.com/index.cfm?page=jquery/magnify/magnify#download 

示例:http://www.jnathanson.com/index.cfm?page=jquery/magnify/magnify#examples

jQuery Live Ajax Search Plug-in

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

首頁:http://exscale.se/archives/2008/05/16/jquery-live-ajax-search-plug-in/ 

下載下傳:http://aframework.googlecode.com/svn/trunk/__core/Modules/Base/jquery.liveSearch.js 

示例:http://exscale.se/archives/2008/05/16/jquery-live-ajax-search-plug-in/

jVal

jQuery表單校驗插件。

首頁:http://www.overset.com/2008/07/31/jval-jquery-form-field-validation-plugin/ 

下載下傳:http://www.overset.com/upload/jVal/jVal.0.1.3.zip 

示例:http://www.overset.com/2008/07/31/jval-jquery-form-field-validation-plugin/

Img Notes

用于當滑鼠移到圖檔是時,顯示一個資訊提示框。

首頁:http://www.sanisoft.com/blog/2008/05/26/img-notes-jquery-plugin/ 

下載下傳:http://www.sanisoft.com/blog/2008/05/26/img-notes-jquery-plugin/ 

示例:http://www.sanisoft.com/downloads/imgnotes-0.1/example.html

ppDrag

ppDrag是一個讓頁面元素擁有拖移(Drag&Drop)效果的jQuery插件。

首頁:http://ppdrag.ppetrov.com/ 

下載下傳:http://code.google.com/p/ppdrag/downloads/list 

示例:http://ppdrag.ppetrov.com/

jqDnR

jqDnR一個輕量級jQuery插件能夠讓你拖拽任何元素、調整元素大小。

首頁:http://dev.iceburg.net/jquery/jqDnR/ 

下載下傳:http://dev.iceburg.net/jquery/jqDnR/ 

示例:http://dev.iceburg.net/jquery/jqDnR/

tableHover

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

首頁:http://p.sohei.org/jquery-plugins/tablehover/ 

下載下傳:http://p.sohei.org/download-manager.php?id=53 

示例:http://p.sohei.org/stuff/jquery/tablehover/demo/demo.html

Date Picker

Date Picker一個采用jQuery開發的日期選擇控件。支援同時顯示多個月份月曆,标記特殊日期,易于通過CSS定制外觀,自定義周的第一天,自定義月份和星期的顯示名稱。

首頁:http://eyecon.ro/datepicker/ 

下載下傳:http://eyecon.ro/datepicker/datepicker.zip 

示例:http://eyecon.ro/datepicker/#about

JQuery.Resizer

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

首頁:http://os.arandomurl.com/jquerytableresizer/ 

下載下傳:http://code.google.com/p/jquerytableresizer/ 

示例:http://os.arandomurl.com/jquerytableresizer/

FancyZoom

FancyZoom采用縮放效果來展示圖檔或任意HTML頁面,不需要另外開啟頁面來載入圖檔,其效果在Apple Mac的官方網站中也有。

首頁:http://www.cabel.name/2008/02/fancyzoom-10.html 

下載下傳:http://www.cabel.name/files/FancyZoom%201.1.zip 

示例:http://www.cabel.name/2008/02/fancyzoom-10.html

Create A Slider From A Select Box

這是一個漂亮的jQuery插件能夠自動将select boxes轉換成一個sliders控件。

首頁:http://www.filamentgroup.com/lab/progressive_enhancement_convert_select_box_to_accessible_jquery_ui_slider/ 

下載下傳:http://www.filamentgroup.com/lab/progressive_enhancement_convert_select_box_to_accessible_jquery_ui_slider/#download_zip 

示例:http://www.filamentgroup.com/lab/progressive_enhancement_convert_select_box_to_accessible_jquery_ui_slider/

accordion menu

Accordion風格的jQuery菜單。

首頁:http://roshanbh.com.np/2008/06/accordion-menu-using-jquery.html 

下載下傳:http://roshanbh.com.np/codes/accordion-menu.zip 

示例:http://roshanbh.com.np/2008/06/accordion-menu-using-jquery.html

CSS Dock Menu

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

首頁:http://www.ndesign-studio.com/blog/design/css-dock-menu/ 

下載下傳:http://www.ndesign-studio.com/file/css-dock-menu.zip 

示例:http://www.ndesign-studio.com/demo/css-dock-menu/css-dock.html

Galleriffic

Galleriffic是一個用于建立快速展示相冊中照片的jQuery插件。圖檔既可以以幻燈片的方式檢視,也可以手動點選縮略圖檢視。Galleriffic還支援分頁,進而使得它能夠展示更多的圖檔。

首頁:http://www.twospy.com/galleriffic/ 

下載下傳:http://www.twospy.com/galleriffic/js/jquery.galleriffic.js 

示例:http://www.twospy.com/galleriffic/

TextArea Resizer

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

首頁:http://plugins.jquery.com/project/TextAreaResizer 

下載下傳:http://plugins.jquery.com/files/TextArea_Resizer_1.0.4.zip 

示例:http://www.itsavesyou.com/TextArea_Resizer_example.htm

CheckTree

帶Checkbox的樹型jQuery插件。

首頁:http://static.geewax.org/checktree/index.html 

下載下傳:http://jquery-checktree.googlecode.com/ 

示例:http://static.geewax.org/checktree/index.html

ddcombobox

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

首頁:http://simpletutorials.com/?path=tutorials/javascript/jquery/ddcombobox 

下載下傳:http://simpletutorials.com/tutorials/javascript/jquery/ddcombobox/jquery.ddcombobox.zip 

示例:http://simpletutorials.com/?path=tutorials/javascript/jquery/ddcombobox

Scrollable

Scrollable是一個靈活、輕量級(3.9kb)用于建立滾動内容的jQuery插件。任何内容(HTML、視訊、檔案、圖檔等...)都可以作為一個滾動項。支援水準與垂直兩種滾動方向。

首頁:http://www.flowplayer.org/tools/scrollable.html 

下載下傳:http://www.flowplayer.org/download/index.html 

示例:http://www.flowplayer.org/tools/scrollable.html

tablesorter

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

首頁:http://tablesorter.com/ 

下載下傳:http://tablesorter.com/docs/#Download 

示例:http://tablesorter.com/docs/#Demo

idTabs

idTabs是一個能夠建立簡單到複雜Tab控件的jQuery插件。支援動态添加和選擇Tab,idTabs能夠綁定到不同的事件如mouseover。

首頁:http://www.sunsean.com/idTabs/ 

下載下傳:http://www.sunsean.com/idTabs/jquery.idTabs.min.js 

示例:http://www.sunsean.com/idTabs/

Scroll Follow

Scroll Follow是一個簡單的jQuery插件。當滾動頁面時,能夠讓DOM對象産生浮動跟随效果。

首頁:http://kitchen.net-perspective.com/open-source/scroll-follow/ 

下載下傳:http://kitchen.net-perspective.com/files/jquery-scroll-follow.zip 

示例:http://kitchen.net-perspective.com/open-source/scroll-follow/

jQuery Taconite Plugin

這個jQuery插件能夠利用單個Ajax調用結果同時更新多個DOM對象。 

首頁:http://www.malsup.com/jquery/taconite/ 

下載下傳:http://www.malsup.com/jquery/taconite/#download 

示例:http://www.malsup.com/jquery/taconite/#examples

jQuery URL Parser

用于解析URLs字元串的jQuery插件。友善你擷取協定,主機,端口,查詢參數,檔案名,路徑等。

首頁:http://projects.allmarkedup.com/jquery_url_parser/ 

下載下傳:http://projects.allmarkedup.com/jquery_url_parser/ 

示例:http://projects.allmarkedup.com/jquery_url_parser/

jQuery Context Menu

jQuery Context Menu是一個右鍵菜單插件。通過非常少的設定就能夠輕松實作右鍵菜單功能。

首頁:http://www.abeautifulsite.net/notebook/80 

下載下傳:http://abeautifulsite.net/notebook_files/80/jquery.contextMenu.zip 

示例:http://abeautifulsite.net/notebook_files/80/demo/jqueryContextMenu.html

jQuery Right-click

這個插件能夠讓你使用jQuery來捕獲由滑鼠右鍵觸發的事件。這些事件包括:click、mouseup、mousedown。 

首頁:http://www.abeautifulsite.net/notebook/68 

下載下傳:http://www.abeautifulsite.net/notebook_files/68/jquery.rightClick.zip 

示例:http://www.abeautifulsite.net/notebook_files/68/demo/

jQuery MultiSelect

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

首頁:http://www.abeautifulsite.net/notebook/62 

下載下傳:http://abeautifulsite.net/notebook_files/62/jqueryMultiSelect.zip (沒找到)

示例:http://abeautifulsite.net/notebook_files/62/demo/jqueryMultiSelect.html

jqWindowsEngine

這個jQuery插件能夠幫助你輕松建立Ajax Windows。

首頁:http://www.socialembedded.com/labs/jQuery-Windows-Engine-Plugin/jQuery-Windows-Engine-Plugin.html 

下載下傳:http://www.socialembedded.com/labs/jQuery-Windows-Engine-Plugin/jQuery-Windows-Engine-Plugin-v0.5.rar 

示例:http://www.socialembedded.com/labs/jQuery-Windows-Engine-Plugin/jQuery-Windows-Engine-Plugin.html

jQuery Multi Level CSS Menu

這是一個多級水準CSS菜單,利用規則嵌套的HTML清單标簽建立。當子菜單靠近窗體右邊緣時,将自動調整展示方面。

首頁:http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_horizontal_blue/ 

下載下傳:http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_horizontal_blue/ 

示例:http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_horizontal_blue/

jQuery Corners

這是一個用于建立漂亮圓角效果的jQuery插件。不需要用到圖檔或其它特殊的标簽。

首頁:http://www.atblabs.com/jquery.corners.html 

下載下傳:http://www.atblabs.com/jquery.corners.html (沒找到)

示例:http://www.atblabs.com/jquery.corners.html

prettyGallery

prettyGallery是一個圖庫導航控件Slider。基于jQuery開發,除了可以導航圖檔之外,還支援其它任何内容。可以配置導航滾動速度和圖檔标題說明。

首頁:http://www.no-margin-for-errors.com/projects/prettyGallery/ 

下載下傳:http://www.no-margin-for-errors.com/projects/prettyGallery/prettyGallery_uncompressed.zip 

示例:http://www.no-margin-for-errors.com/projects/prettyGallery/#demo

jQuery.popeye

jQuery.popeye這個插件能夠将一組無序的圖檔清單轉換成一個簡單的相冊。當點選圖檔時将以Lightbox風格放大圖檔。圖檔展示框提供向前/向後控制并能夠為每一張圖檔添加備注說明資訊。jQuery.popeye能夠根據圖檔大小自動調整展示框的高度和寬度。

首頁:http://herr-schuessler.de/blog/jquerypopeye-an-inline-lightbox-alternative/ 

下載下傳:http://plugins.jquery.com/files/jquery.popeye.0.2.1.zip 

示例:http://dev.herr-schuessler.de/examples/jquery-popeye/

s3Slider

s3Slider是一個jQuery slideshow插件,效果類似于smooth slideshow。可以在圖檔上的任意位置,透明顯示目前所放映圖檔的說明資訊。

首頁:http://www.serie3.info/s3slider/ 

下載下傳:http://www.serie3.info/s3slider/style/code/s3SliderFull.rar 

示例:http://www.serie3.info/s3slider/demonstration.html

jQuery Star Rating Plugin

Star Rating Plugin是一個基于一組radio input boxes實作的星形評價控件。

首頁:http://www.fyneworks.com/jquery/star-rating/#tab-Overview 

下載下傳:http://www.fyneworks.com/jquery/star-rating/#tab-Download 

示例:http://www.fyneworks.com/jquery/star-rating/#tab-Testing

jQuery.xml2json

jQuery.xml2json是一個能夠将簡單的XML轉換成JSON對象的jQuery插件。

首頁:http://www.fyneworks.com/jquery/xml-to-json/# 

下載下傳:http://www.fyneworks.com/jquery/xml-to-json/#tab-Download 

示例:http://www.fyneworks.com/jquery/xml-to-json/#tab-Examples

繼續閱讀