jQuery web工具集

jQuery Visualize Plugin

Visualize是一个利用HTML5 Canvas将Tables标签转换成图表的jQuery插件。支持的图表类型包括：线状图，柱状图，饼状图。可以设置图表标题，高度/宽度，颜色等。

jQuery Visualize Plugin
Charts Canvas
dPassword jQuery Plugin

这是一个类似于iPhone密码输入框的jQuery插件。

dPassword jQuery Plugin
Forms
Create a Realistic Hover Effect With jQuery

利用jQuery为一组图标链接添加当鼠标移过时，图标会产生向上升起+倒影的效果。

Create a Realistic Hover Effect With jQuery

MopTip

MopTip是一个采用jQuery开发的Tooltips插件。经测试支持Safari4、Firefox3、Opera9、IE6、IE7、IE8、Google crome等浏览器，且界面美观。

MopTip
Tooltips
MopBox

MopBox是一个可拖曳的模式对话框，对话框中的内容可以包含div、image、flashmovie、video等。假如其还拥有多个子项，在模式对话框中会自动出现滑动导航条。

MopBox
Window
MopSlider

MopSlider是一个滚动框中可以包含任意内容的Slider插件，但宽度和高度需要预先设置好。支持在同一个页面中有多个MopSlider实例。

MopSlider
Slider
jQuery "Highlight" plugin

jQuery "Highlight" plugin是一个能对任意页面标签，当被选中时添加高亮提示的jQuery插件。主要用于提示表单填写。

jQuery "Highlight" plugin
Forms
AD Gallery

AD Gallery是一个带缩略图导航浏览，可设置照片标题和备注说明信息的jQuery相册插件。可以定义照片切换效果（左右交替，落下，淡入淡出，放大/缩小交替等）。照片展示框会根据实际照片大小自动调整。

AD Gallery
Gallery
QuickFlip2

QuickFlip2这个jQuery插件能够让任意HTML标签块，点击产生类似于翻转一张卡片的效果，与iPhone上的UI动画一样。

QuickFlip2

AnythingZoomer

AnythingZoomer是一个jQuery放大镜插件，它几乎可以放大任何东西。在其网站上有演示放大图片，文本和日历的例子。

AnythingZoomer
Reinventing a Drop Down with CSS and jQuery

利用CSS+jQuery实现一个自定义的Select控件。可以定义外观，下拉项目除了文本还可以加图片。

Reinventing a Drop Down with CSS and jQuery
Forms
jQuery.sheet

jQuery.sheet是一个Web电子表格jQuery插件。功能、界面风格与MS Excel相似。

jQuery.sheet

NotesForLightBox

NotesForLightBox是一个采用jQuery开发的Lightbox控件。支持大部分浏览器。提供导航播放按纽，图片加载进度提醒。模式对话框采用圆角风格。

NotesForLightBox
Lightbox
Font effect

Font effect是一个能够生成特效字体的jQuery插件。可用的效果包括：阴影，倒影，渐变，轮廓。

Font effect

jCryption

在正常情况下，当提交数据时，如果没有SSL数据将使用纯文本的方式发送。jCryption这个jQuery插件能够加密由Forms提交的POST/GET数据。jCryption使用RSA公钥密码算法加密，该项目还提供一个PHP文件来处理数据的解密。

jCryption
Forms Php
A Simple jQuery Slideshow

A Simple jQuery Slideshow是一个利用jQuery+少量CSS实现的简单图片幻灯片播放插件。图片之间的切换采用淡入淡出的效果。

A Simple jQuery Slideshow
Slideshow
Picasa Web Album Integrator

PWI这个jQuery插件让你可以将你的Picasa Web相册集成到你自己的的网站或博客中。让用户不会觉得你的相册是放在Google中。

Picasa Web Album Integrator
Gallery
Create a 3D Tag Cloud in jQuery

一个用于创建会滚动的3D标签云jQuery插件。


Create a 3D Tag Cloud in jQuery

Image Flip Using jQuery

利用jQuery实现图片上下/左右翻转效果。

Image Flip Using jQuery
Image
AnythingSlider

AnythingSlider是一个jQuery Slider插件，可以展示任意HTML内容。提供向前/向后滑动操作，能够自动添加分页导航Tab，可以随意启动自动播放功能。

AnythingSlider
Elastic jQuery plugin

Elastic jQuery plugin这个插件能够让Textareas随着输入内容的增加自动增长变化。

Elastic jQuery plugin
Forms
jScroller

jScroller是一个可以让某块区域中的hmtl内容自动上下/左右滚动的jQuery插件。没有使用marquee标签，完全符合w3c标签。所以可以支持多种浏览器。

jScroller

jQuery nudging plugin

jQuery nudging plugin这个插件可以让链接在鼠标移过时，产生轻推引人注意的效果。

jQuery nudging plugin

In-Field Labels jQuery Plugin

利用这个jQuery插件可以在文本输入框中加类似于图片水印的帮助说明文字。当输入框获得焦点时水印还不会消失，只有当输入字符时才会消失。

In-Field Labels jQuery Plugin
Forms
3D Flying Text in jQuery

利用jQuery制作飞舞的3D文字。

3D Flying Text in jQuery

Horizontal Tooltips Menu

一个带Tooltip提示的横向水平菜单，Tooltip滑动横跨在菜单面板下。

Horizontal Tooltips Menu
Menu Tooltips
Simple Image Viewer

利用jQuery内置的slideUp与slideDown方法创建一个简单的图片查看器。

Simple Image Viewer
Gallery
Making an infinite JQuery carousel

利用jQuery，以一种简单的方式实现一个类似于走马灯似的图片更迭jQuery插件。

Making an infinite JQuery carousel
Gallery
jquery.timepickr

jquery.timepickr是一个jQuery时间选择插件。让用户可以用点选的方式输入时间。支持皮肤更换，12小时/24小时两种格式。

jquery.timepickr

jQuery shiftcheckbox plugin

这是一个让你按住Shift键，就可以同时选中一组checkbox的jQuery插件。

jQuery shiftcheckbox plugin
meioMask

meioMask是一个可以让用户按指定格式输入的jQuery插件。既可以使用预先设置的格式，也在class属性中自定义输入格式。

meioMask
Forms
jQTouch

jQTouch这个jQuery插件让你只利用HTML、CSS和JavaScript，就能够创建可在WebKit浏览器上（iPhone、Android、Palm Pre）运行的手机应用程序。

jQTouch

Contactable

Contactable这个jQuery插件可以帮助你在页面边框处创建一个可伸缩的反馈表单。

Contactable
Forms
jExpand

jExpand是一个可以让表格具备可伸缩功能的jQuery插件。利用这个功能可以帮助你更好地组织表格，让表格承载更多的消息比如图片，列表，图表和其它元素。

jExpand
Grid
BeZoom

BeZoom是一个易于使用、轻量级的放大镜jQuery插件。

BeZoom

jQuery Image Zoom Plugin

这个jQuery插件可以用于创建当鼠标移过图片时，会在图片表面弹出一个透明的标题说明面板。面板中的信息读取自Img元素的Alt属性。

jQuery Image Zoom Plugin
Image
jQuery look

利用这个jQuery插件可以创建当鼠标移过图片按纽时，产生触动的效果。还可以创建一个简单的折叠面板。

jQuery look

VanadiumJS

VanadiumJS是一个强大的客户端表单校验jQuery插件。完全可以定制校规则，VanadiumJS默认提供的一些规则包括：必填、一些特定的格式、数字（integer, float）、长度、checkboxes是否接受。

VanadiumJS
Forms Validation
Crafting an Animated Postcard With jQuery

利用jQuery创建一张生动的贺卡。

Crafting an Animated Postcard With jQuery

Pretty checkboxes with jQuery

利用CSS和jQuery实现一个漂亮的Checkboxes控件。

Pretty checkboxes with jQuery
jCaption

jCaption这个jQuery插件可以用于为图片添加透明的浮动框来标注标题信息。

jCaption
Image
jQuery UI Multiselect

jQuery UI Multiselect是一个Web UI控件，它将html multiple select inputs转换成一个更直关、更易于操作的多选控件。支持全选添加和删除操作。

jQuery UI Multiselect
Forms Widgets
Slide Thumbs

这个示例介绍了如何利用jQuery实现一个漂亮的图片查看控件。

Slide Thumbs
Gallery Image
FacyBox

FacyBox是一个基于jQuery实现，Facebook/Fancybox风格的lightbox控件。可以展示图片、Div或通过Ajax加载的内容。

FacyBox
Lightbox
LeaveNotice

LeaveNotice这个jQuery插件能够很方便提醒你的用户，他们正在离开你的网站。

LeaveNotice

Making a Really Cool jQuery Gallery

Making a Really Cool jQuery Gallery利用PHP扫描某一目录下的所有图片，然后用CSS、jQuery和jQuery Lightbox插件生成一个漂亮的相册。

Making a Really Cool jQuery Gallery
Gallery Php
jQuery Live Form Validation

jQuery Live Form Validation是一个用于创建表单验证的jQuery插件。支持自定义校验规则，既可以在输入的时候实时校验，也可以在提交的时候校验。提示信息的样式完全可以通过CSS定义。

jQuery Live Form Validation
Forms Validation
Sproing - Make An Elastic Thumbnail Menu

Sproing - Make An Elastic Thumbnail Menu当鼠标移到菜单某个项目上时，会向上扩展放大。

Sproing - Make An Elastic Thumbnail Menu
Menu
Greyscale Hover Effect w/ CSS & jQuery

利用CSS Sprites技术和少量jQuery代码实现鼠标移到图片上，能够让图片变成灰白色,移开后还原。

Greyscale Hover Effect w/ CSS & jQuery
Image
inFrame: Keep Demos Inside the Page with jQuery

利用jQuery在同一个页面中演示多个Demo，实现不需要离开当前页面就能查看单独的Demo链接，不需要在head标签中添加Demo所需要的CSS文件，也不用担心javascript会与其它javascript相冲突。简单易用，只要指定每一个Demo链接的Class为inframe就可以。

inFrame: Keep Demos Inside the Page with jQuery