`

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

分享到:
评论

相关推荐

    jQuery: Novice to Ninja

    - **章节内容**:本节介绍了一些常用的jQuery插件,以及如何将它们集成到项目中,从而提高开发效率。 #### 结论 《jQuery: 从新手到高手》是一本全面而详尽的指南,适合不同水平的学习者。无论是初学者还是有一定...

    jquery jquery控件 时间控件 时分秒控件

    标题中提到的"jquery jquery控件 时间控件 时分秒控件",主要指的是那些允许用户以"2012-5-12 17:52:52"这种格式选择具体时间的插件。这种格式遵循ISO 8601标准,包含年、月、日、小时、分钟和秒。与"2012-5-22 00:...

    jquery插件,基于jquery的表格控件无刷新实现添加编辑删除统计功能

    《基于jQuery的无刷新表格控件开发详解》 在现代Web开发中,高效的数据展示和交互是提升用户体验的关键。jQuery作为一个轻量级的JavaScript库,因其简洁的API和丰富的插件生态,常被用于实现复杂的功能,如动态表格...

    基于C# + jQuery的树形控件

    总结来说,"基于C# + jQuery的树形控件"项目涉及了后端编程、前端交互、数据库操作和UI设计等多个方面,对于提升Web开发技能和理解前后端协作流程有着重要的实践意义。通过理解和实现这个项目,开发者可以深入了解...

    jquery时间控件时分秒

    总结起来,"jquery时间控件时分秒"是基于jQuery的Timepicker插件,它提供了一个方便的、可定制的时间选择界面,使得用户能够轻松地输入或选择时间。通过理解和掌握这个插件的使用,开发者可以为自己的网站或应用增添...

    JQuery插件 IP地址输入框

    总之,"JQuery插件 IP地址输入框"提供了一个方便的解决方案,用于在网页上创建用户友好的IP地址输入控件,尽管在IE浏览器下可能存在一些挑战,但通过适当的优化和调整,可以克服这些限制,实现全平台的良好体验。

    jquery 日期时间控件

    而"jQuery 日期时间控件"则是基于jQuery构建的,用于帮助开发者在网页上添加用户友好的日期和时间选择功能。这类控件通常提供交互式的日历视图和时间选择器,使得用户可以方便地输入或选择日期和时间,避免手动输入...

    基于Jquery的模态弹窗控件

    基于Jquery的模态弹窗控件基于Jquery的模态弹窗控件基于Jquery的模态弹窗控件基于Jquery的模态弹窗控件基于Jquery的模态弹窗控件基于Jquery的模态弹窗控件基于Jquery的模态弹窗控件基于Jquery的模态弹窗控件

    基于jquery的图片裁剪插件

    基于jQuery的图片裁剪插件为此提供了便利,它允许用户在浏览器中预览并裁剪图片,然后以所需尺寸上传。本文将深入探讨此类插件的核心原理、应用场景以及如何实现。 ### 1. jQuery框架基础 jQuery是一个广泛使用的...

    部门选择控件(jquery插件)

    在这个特定的场景中,"部门选择控件"是基于jQuery构建的,能够实现部门树状结构的展示,并允许用户通过勾选来选择所需的部门。 该控件的核心功能包括: 1. **部门树展示**:控件会以树形结构呈现公司的组织架构,...

    jquery 时间选择控件

    综上所述,"jQuery时间选择控件"涉及的知识点涵盖了前端开发的多个方面,包括jQuery插件开发、HTML结构、CSS样式、JavaScript事件处理、动画效果、Ajax交互以及兼容性和调试。在实际开发中,开发者需要综合运用这些...

    基于jQuery实现的asp.net网站后台框架

    这个基于jQuery实现的ASP.NET网站后台框架,充分利用了jQuery的优势,为开发者提供了更为便捷的开发体验。 1. **分栏布局**:框架采用了常见的上、左、右三栏布局模式,这种布局方式在网页设计中很常见,能够清晰地...

    jquery-ui插件

    jQuery UI是一个基于JavaScript的开源库,它是jQuery库的扩展,提供了丰富的用户界面组件和交互效果。这个插件以其强大的功能、易于使用的API和可定制的主题而受到开发者的广泛欢迎。在本文中,我们将深入探讨jQuery...

    基于JQueryEasyUI类库的WebForm控件库

    总结,基于JQueryEasyUI的WebForm控件库为.NET开发者提供了一个强大的工具集,简化了WebForm开发过程,提高了开发效率。通过深入理解并熟练运用这个控件库,开发者可以创建出既美观又功能强大的Web应用程序。同时,...

    JQuery颜色渐变插件jquery.color.js

    `jquery.color.js`是由John Resig,jQuery的创始人,开发的一个小型插件。它为jQuery添加了对CSS颜色属性操作的支持,包括颜色渐变动画。这个插件允许开发者创建出丰富多彩的用户界面,通过平滑的颜色变化来增强用户...

    jquery控件的下载

    - **与其他jQuery插件的集成**:jQuery控件往往可以与其他jQuery库或插件协同工作,如数据表格插件Datatables,或者图表库Chart.js等,以实现更复杂的界面交互。 总的来说,jQuery控件如columnFilters是现代Web开发...

    携程网 时间控件 jquery控件 时间控件 php

    1. **jQuery插件开发**:这个时间控件可能是基于jQuery的一个自定义插件,允许开发者通过简单的调用来实现时间选择功能。jQuery插件通常包含初始化、事件处理和方法调用等部分,使得代码复用和扩展变得简单。 2. **...

    基于JQuery的日历控件

    本篇文章将详细讲解基于JQuery实现的日历控件,通过分析给定的文件,我们可以了解到如何创建一个实用且美观的日历组件。 首先,我们来看一下压缩包中的文件: 1. `calendar.css`:这是样式表文件,用于定义日历...

    jQuery常用插件大全pdf

    **知识点**: 水平方向折叠控件,基于jQuery开发,设计简洁,适用于快速实现网页中的菜单或信息展示板块。 #### 2. jQuery-HorizontalAccordion **知识点**: 具备XBOX360blade界面风格的水平方向Accordion插件,提供...

Global site tag (gtag.js) - Google Analytics