jQuery:收集一些基于jQuery框架开发的控件/jquery插件-阿里云开发者社区

开发者社区> 测试5555> 正文

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

简介: Coda Popup Bubbles采用jQuery开发,类似“冒泡”效果的提醒弹出框。主页:http://jqueryfordesigners.com/coda-popup-bubbles/ 下载:http://jqueryfordesigners.
+关注继续查看

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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Web 前端开发精华文章集锦(jQuery、HTML5、CSS3)【系列十八】
  《Web 前端开发精华文章推荐》2013年第六期(总第十八期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。
1793 0
SpringBoot2.0 基础案例(10):整合Mybatis框架,集成分页助手插件
一、Mybatis框架 1、mybatis简介 MyBatis 是一款优秀的持久层框架,它支持定制化 SQL、存储过程以及高级映射。MyBatis 避免了几乎所有的 JDBC 代码和手动设置参数以及获取结果集。
1390 0
【JavaScript框架封装】在实现一个自己定义类似于JQuery的append()函数的时候遇到的问题及解决方案
版权声明:本文为博主原创文章,未经博主允许不得转载。更多学习资料请访问我爱科技论坛:www.52tech.tech https://blog.csdn.net/m0_37981569/article/details/81087543 主要问题: 在刚开始创建了这个函数之后,使用的时候,总是会出现一个问题,就是按照正常步骤给一个ID选择器添加子节点的时候正常,但是到了给一个class选择器的元素添加的时候始终只能添加一个。
831 0
后端开发必备JQuery常用知识点
function getReportID2NameMap() { var cache; $.ajax({ type: 'GET', url: "GetNodeId2NameMap",//请求接口 async: false,//发送同步请求,请将此选项设置为 false。
929 0
【JavaScript框架封装】实现一个类似于JQuery的CSS样式框架的封装
版权声明:本文为博主原创文章,未经博主允许不得转载。更多学习资料请访问我爱科技论坛:www.52tech.tech https://blog.csdn.net/m0_37981569/article/details/81123779 ...
844 0
jQuery学习笔记之插件开发(4)
jQuery学习笔记之插件开发(4) github源码地址 插件:了让原有功能的增强。 1.插件的种类(3种):局部、全局、选择器插件 1.1封装对象方法的插件 这种类型的插件是把一些常用或者重复使用的功能定义为函数,然后绑定到jQuery对象上,从而成为jQuery对象的一个扩展方法。 目前,大部分jQuery插件都是这种类型的插件,由于这种插件是
1343 0
+关注
测试5555
前端相关技术专家
511
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载