首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jQuery:征集一些基于jQuery框架开发的控件/jquery插件

2013-02-24 
jQuery:收集一些基于jQuery框架开发的控件/jquery插件Coda Popup Bubbles采用jQuery开发,类似“冒泡”效果的

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

热点排行