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

本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/qdzx2008/archive/2009/06/28/4305575.aspx