跪求弹出框插件：1.美观 2 兼容性好 3。自适应大小 4。支持js 模态窗口，能弹出独立的页面
网页设计教程子分类超强1000个jquery极品插件!_省心范文网
当前位置： &&Jquery插件大全 - zhuoyr - 博客园
本文原创：
基于jQuery
具有XBOX360 blade界面风格的水平方向Accordion。&&&
用于创建 折叠菜单的jQuery插件。&&&
基于jQuery开发的可折叠菜单。&
&&&(5)模仿ext的tab选项卡
TabPanel(选项卡组件)
renderTo&渲染到某容器string | jQuery object | NULL&
将选项卡组件渲染到某容器，参数类型可以为字符串，也可以为jQuery所加载的对象，如果为声明该参数，组件默认的承载容器为BODY。
items&选项卡元素集合array&
选项卡组件渲染后就会显示的选项卡元素集合，具体参数请查看选项卡元素。
width&宽度string | number&
选项卡组件的总宽度，默认400px。
height&高度string | number&
选项卡组件中页面显示层的高度，默认300px。
border&是否显示边框string&
嵌套显示选项卡时，会出现重复边框的情况，影响美观，将border设置为&none&，则可以避免，默认显示边框，不接受除&none&之外的参数值。
active&渲染后默认激活哪个选项卡元素number&
下标以0为开始，默认为0。
maxLength&最多显示几个选项卡元素number&
-1为无限，默认为-1。
tabs&获得选项卡组件所有的选项卡元素return array&
可根据需要获得选项卡组件的所有选项卡元素。
addTab(添加一个选项卡元素object)
动态向选项卡组件中添加一个选项卡元素。
flush(刷新选项卡元素的内容string | number)
将选项卡元素的内容刷新，参数可以为选项卡元素的ID或下标。
show(显示选项卡元素string | number)
显示制定选项卡元素，参数可以为选项卡元素的ID或下标。
Kill(关闭选项卡元素string | number)
关闭选项卡元素，参数可以为选项卡元素的ID或下标。
getTabsCount()&获得选项卡元素数量return number&
getTitle(获得选项卡元素的标题string | number) &return string&
setTitle(设置选项卡元素的标题string | number, string)
getContent(获得选项卡元素的内容string | number) &return string&
setContent(设置选项卡元素的内容string | number, string)
getDisable(选项卡元素是否禁用string | number) &return boolean&
setDisable(设置选项卡元素是否禁用string | number)
getCloseable(选项卡元素是否可关闭string | number) &return boolean&
setCloseable(设置选项卡元素是否可关闭string | number, boolean)
getActiveTab()&获得被激活的选项卡元素return object&
页面引入jQuery.js、TabPanel.js、Fader.js、TabPanel.css
new TabPanel({
&renderTo:'tabs',
&width: '100%',
&height: '500px',
&active: 0,
&items: [{
&&&&title:'工作中心',
&&& html:'&iframe width=&100%& height=&100%& frameborder=&0&&&/iframe&',
&&& closable:&false
TabPanel item(选项卡元素)
id&元素IDstring&
必须唯一，或者不设置该参数，否则将无法添加到选项卡组件中，默认自动生成。
title&元素标题string&
可以动态设置。
closeable&是否可关闭boolean&
true可关闭，false不可关闭，默认为true。
（8）导航到页内指定位置（9）&
This tutorial will cover a few ways to do just that with OS X style docks and stacks navigation.
In this tutorial you will learn how to create a sexy drop down menu that can also degrade gracefully.
In this tutorial you will use jQuery to create a different multi-layered horizontal navigation system that is still intuitive enough for anyone to use for the first time.
（12）Sliding Jquery Menu Tutorial
The jdMenu plugin for jQuery provides a clean, simple and elegant solution for creating hierarchical drop down menus for websites to web applications.
2.消息提示类
（1）Facebox
Facebox 是一个基于jQuery，Facebook-style的lightbox。能够展示示images，divs或者整个远程页面。
（2）SimpleModal
SimpleModal是一个轻量级jQuery插件提供了一个简单的接口来创建模式对话框。
jTip一个利用jQuery开发的提示工具。jTip通过HttpXMLRequest获取内容。用法简单，只需要在你的元素的class上加上Jtip,并引入jtip.js及其样式即可以。
（4）BetterTip
一个可以自定义Tooltip的jQuery插件。基于jTip，但比它来得更加灵活。
（5）clueTip
clueTip这个jQuery插件方便您为链接或其它元素添加Tooltip功能。当链接包括title属性时，它的内容将变成clueTip的标题。clueTip中显示的内容可以通过Ajax获取，也可以从当前页面中的元素中获取。
（6）jQuery lightBox plugin
一个简单，强大基于jQuery开发的lightBox控件。&
（7）jQuery Impromptu
用于创建模式对话框，确认对话框，输入内容对话框的jQuery插件。
（8） jQuery.UI Messenger&Outlook like message notification Widget
这个jQuery.UI控件类似于Messenger&Outlook消息弹出提醒框。
（9）FancyBox
基于jQuery开发的Lightbox插件。支持对放大的图片添加阴影效果，对于一组相关的图片添加导航操作按纽，该Lightbox除了能够展示图片之外，还可以展示iframed内容， 通过CSS自定义外观。
（10）Coda Popup Bubbles
采用jQuery开发，类似&冒泡&效果的提醒弹出框。
（11）jGrowl
jGrowl用于制作消息弹出框的jQuery插件。产生效果的类似于Mac　OSX系统中Growl事件通知框架。
（12）jqWindowsEngine
这个jQuery插件能够帮助你轻松创建Ajax Windows。
（13）jQuery Alert Dialogs
这个jQuery插件能够替换JavaScript提供的alert()、confirm()和prompt()功能。支持利用CSS自定义对话框外观。
（14）BeautyTips
BeautyTips是一个jQuery Tooltip插件.&
（15）Facebook/Xiaonei 风格模态框
效果图:简介:&使用 div, table 和 opacity 效果实现模态框效果...&导航:&|
(15)jmpopups可弹出多级新窗口3.图片展示类
(1)imgAreaSelect
imgAreaSelect这个jQuery插件能够选取一张图片中一个矩形区域。&
&(2)Easy Slide
EasySlide 是以jQuery为基础开发的一个图库展示插件，EasySlide可以将任何一个网页容器(Container)内的图形自动将其排列展示，并加上鼠标指向时的暂停效果(Pause)，可以当作图库展示或是动画及广告Banner使用。&
(3)Easy News
Easy News是一个可以让您轻松显示网站新闻或图文内容展示的jQuery插件，可设定Fade In-Out ,Slide Up-Down, Left To Right 的效果，调整显示速度，可自行修改CSS改变您为喜欢的风格。&Easy News Plus&Easy News Plus是基于Easy News开发，滚动式新闻或图文内容展示的jQuery插件，但是与Easy News有完全不同的显示方式(以左右滑动为主要的显示方法)。
(4)jQZoom&
基于jQuery开发的图片放大镜插件。&jQuery Plugin: Text Highlight&利用javascript对页面中的关键字进行着色的jQuery插件。
(5)jCarousel Lite
这个jQuery插件能够帮助你以滚动（carousel）的方式来组织图片和其它内容。&
(6)jCarousel
jCarousel是一个jQuery插件用于控制一个列表项目的水平或垂直顺序，列表项目的内容可以是静态HTML内容或通过AJAX加载的内容。可以向前或向后滚动。&
(7)Spacegallery-Jquery
一个采用jQuery开发，类似于Flash效果的图库（image gallery）。
(8)jQuery Slider Gallery
这是一个基于jQuery开发相册控件，类似于Apple网站上用于展示产品的效果。&
(9)jQuery Cycle Plugin
jQuery Cycle Plugin是一个slideshow插件。支持多种变换效果：shuffle、zoom、fade、turnDown、curtainX、scrollRight。&
(10)Zoomimage
该jQuery插件能够让以当前流行的方式来展示图片。提供：预加载图片提示，对图片进行分组，自动调整图片显示比例，图片分组浏览控制。&
(11)prettyPhoto
prettyPhoto是jQuery lightbox的一个&克隆&。并增加动画效果，图库浏览等特性。&
(12)ThickBox
ThickBox是一个模式对话框UI控件。基于jQuery开发，可以用来展示单张或多张图片，内嵌的内容，iframed的内容，或通过Ajax获取的内容。&
(13)Galleria
Galleria 是一个采用jQuery开发的图片展示插件。它通过缩略图导航一张一张的显示大的图片。支持通过CSS设置整个相册的风格。能够按比例创建缩略图并剪切成适合在缩略图容器中显示的小图片。能够触一些事件，因此可以在图片加载时执行一些动作。&
(14)jQuery Flash Plugin
一个jQuery插件用于在页面中嵌入Flash影片。&
&(15)jQuery.SerialScroll
jQuery.SerialScroll是一个用于创建滚动效果的jQuery插件，支持水平／垂直方向滚动和混合滚动效果。&
&(16)InnerFade
InnerFade这个jQuery插件能够让任意一组元素（img，div等）实现淡入淡出播放效果。&
(17)NyroModal
一个基于jQuery开发，非常灵活和可定制外观/动画效果的模式对话框。可通过Ajax调用目标内容，改变对话框大小等。&
(18)CrossSlide
CrossSlide这个jQuery插件实现了一些常用Javascript幻灯片放映动画效果如：动态地移动、缩放、渐变、滑入&滑出等。&
(19)Magnify
Magnify是一个能够在图片上添加放大镜功能的jQuery插件。&
(20)Img Notes
用于当鼠标移到图片是时，显示一个信息提示框。
(21)FancyZoom
FancyZoom采用缩放效果来展示图片或任意HTML页面，不需要另外开启页面来载入图片，其效果在Apple Mac的官方网站中也有。&
Jcrop 是一个跨浏览器的jQuery图片剪切插件（jQuery image crop plugin）。支持对剪切框加CSS样式，当选取或拖动时添加回调事件（Callbacks），剪切时能够约束宽度与高度。
(23)Galleriffic
Galleriffic是一个用于创建快速展示相册中照片的jQuery插件。图片既可以以幻灯片的方式查看，也可以手动点击缩略图查看。Galleriffic还支持分页，从而使得它能够展示更多的图片。
(24)Image Upload and Auto Crop
采用PHP+jQuery开发的图片上传和剪切（Crop）工具。&
(25)prettyGallery&
prettyGallery是一个图库导航控件Slider。基于jQuery开发，除了可以导航图片之外，还支持其它任何内容。可以配置导航滚动速度和图片标题说明。
(26)jQuery.popeye
jQuery.popeye 这个插件能够将一组无序的图片列表转换成一个简单的相册。当点击图片时将以Lightbox风格放大图片。图片展示框提供向前/向后控制并能够为每一张图片添加备注说明信息。jQuery.popeye能够根据图片大小自动调整展示框的高度和宽度。
(27)s3Slider
s3Slider 是一个jQuery slideshow插件，效果类似于。可以在图片上的任意位置，透明显示当前所放映图片的说明信息。&
(28)Pirobox
采用jQuery开发的Lightbox控件。能够根据浏览器窗体大小自动调整展示图片大小。提供向前/向后控制链接。动态加载图片效果。易于定制。&
&(29)Simple Controls Gallery
这是一个采用jQuery开发的图片slideshow控件。提供一个暂停/播放/向前/向后展示的控制菜单。这个jQuery slideshow可以设置当页面打开时自动播放图片并能够将最近查看的图片存储在cookie中。&
&(30)Agile Carousel
Jquery Slideshow插件。易于定制图片切换效果。提供开/关图片标题显示，添加文本水印等功能。
&(31)jQuery Plugin-Page Peel
这是一个用于创建Page Peel(卷页/页面剥落)特效的jQuery插件。&
&(32)Easy Slider
一个jQuery插件，当点击导航按纽时可以水平或垂直播放图片或其它任何内容。
&(33)imgPreview
图片预览jQuery插件。当鼠标移到图片链接上时，会在链接的旁边出现一个类似于tooltip效果的图片展示框。
&(34)Jquery Fade In.Fade Out
这是一个用于让图片产生淡入淡出效果的jQuery插件。&
&(35)Captify
这个jQuery插件能够在图片上显示标题信息，当鼠标放到图片上时滑动出现。
&(36)jParallax
这是一个用于生成视差现象的jQuery插件。能够产生的效果与jParallax一样但采用Mootools框架开发。&
(37)jQuery---运用图片预加载技术打造幻灯片截图：一些演示：(以前做的，非预加载)下载：
(38)jQuery pageSlide
jQuery pageSlide 是一个jQuery插件，它可以控制一个隐藏页面的显示和关闭。具体来说，就是当前页占一个完整页面，隐藏页是看不到的，你设置一个控制的地方，点击该控制时触发事件，隐藏的页面就弹出来。再次点击隐藏页面以外的空间，它就又关闭。
这适合在有限的空间里，在主页里放重要内容，而隐藏页放一些并不一定要显示，而是有需要的用户才去展开显示的内容。
(39)Creating a Slick Auto-Playing Featured Content Slider
Niall Doherty的 Coda Slider 为许许多多的设计师带来了灵感. Chris Coyier 创建的这个Slick Auto-Playing Featured Content Slider 使用 Coda Slider插件 ，实现我们常说的&图片焦点特效&。多用于门户站。
(40)Portfolio Layout Idea Using jQuery
非常漂亮的一个特效布局。由 Benjamin Sterling 创建的这个 portfolio layout 使用了jQuery的 easing plugin. 适合那些想用来展示个人作品集的用户。
它在页面两边显示带缩略的作品列表，当你点击每个条目时，会在中间部分以退场然后进场的特效呈现出该作品的全部内容。
(41)jQuery---图片先模糊后清楚
很多图片网站用了这种技术，Google图片中心也不例外。这种技术的图片是先显示模糊的，然后再显示清楚的。
这个模糊的原理就是 一张小图片，然后把尺寸放大，大小等于大图片的宽度和高度。小图片被拉大了，理所当然就模糊了。
试想：小图片的尺寸是10kb,大图片的大小是500kb，那么加载小图片的速度就是大图片的50倍。当然你会说，如果直接显示大图片是什么情况呢？答案是：一片空白等着你。
(42)使用jQuery实现网页报纸
原理：使用报纸内容作为 背景图，相对定位。然后里面的div设置为绝对定位，大小，left和top都要跟背景图匹配。所以这个有一定的规律。
引申：当后台人员问，每次要传坐标，宽度和高度不麻烦么？用户知道使用么？教用户使用photoshop？。。。！！！解决方案：使用图片截图的插件即可，一般的截图插件都能获取4个坐标，宽度和高度，当然我们只需要这些，并不需要把图片真正截取下来。
程序介绍：1，点击大图可以弹出遮罩效果.2，下方小图可以左右滚动.3，点击新窗口打开，可以打开当前的大图片.4，遮罩层中小图也可以左右滚动，也可以打开大图片.在 IE6,IE7,Firefox3 & google 浏览器下测试通过.演示：下载：
(44)Gallerific
是使用 Mike Alsup 的 创建的图片展示效果，包括缩略图、图片标题和描述等详细功能，是一个非常不错的高质量画廊相册展示工具。
(45)ZoomImage
，以一种独具魅力的方式展示图片效果。缩略图链接在本页弹出大图，并且可以可以随意拖拽该悬浮图片。
(46)EasySlider
可以实现图片或其他任意内容，在水平或垂直方向上的滑动效果，你还可以通过 CSS 自定义设置样式。
(47)The Slider from Barack Obama&s website
一个源自美国总统 Barack Obama 网站的垂下滑动菜单控制的图片幻灯效果。
(48)CodaSlider
，又一个不错的滑动控制效果。
(49)jQuery Slider II
的布局非常符合操作习惯，在底部列出带滚动条的缩略图控制列表，然后在上面显示对应图片的大图浏览，非常适合做高级相册。
(50)Beautiful Slider&
， 光看这个效果图你就知道这个插件有多棒了吧，是的，这个插件实现的效果已经不逊色于Flash完成的效果，整体表现流畅，文字显示效果更是创意独特。
(51)LoopedSlider
是又一个任意内容滚动切换的幻灯片插件，使用操作简单。
(52)SpaceGallery
是一个全新的jQuery插件，点击当前图片，会自动放大消失，同时后面的图片向前展示，有一种时光机器的感觉。
(53)jQuery Popeye
(54)Noobslide&
(55)Accessible News Slider&
(56)SmoothGallery&
是一个最好的 Javascript 幻灯片效果之一，可以实现各种不同的幻灯片转换效果。
(57)jQuery Multimedia Portfolio
是一个基于jQuery 的滑动效果插件,除了可以展示图片之外，还可以加入各种不同类型的多媒体文件。
(58)s3Slider
是一个非常简单实用的流畅幻灯片效果，这个插件被应用在无数的WordPress专业主题模板中。
&(59)fxMarquee
fxMarquee 是一个jQuery内容滚动插件。它可以让一组内容定向滚动，并可以设置滚动速度。本插件具有以下特点：
可以上、下、左、右四个方向滚动。可设置鼠标移上时停止滚动。
支持自定义的加速按钮。
(60)商品放大镜效果
在一些大型的购物网站 你经常可以看到这个效果，通过放大镜效果，可以把一个小的图片的某一部位放大到清晰可见。&
首先你必须要有2张图片，一张缩略图和一张高清晰的图片。然后当鼠标在缩略图里移动时，通过计算鼠标在缩略图里的位置和比例。最后通过比例就可以得出大图要显示的部分。所以最简洁的HTML代码结构如下：
2.小图中的半透明层
当鼠标滑入小图片时，我们需要添加一个半透明层用来显示当前鼠标框住的区域。有3种状态：(1)鼠标滑入(2)鼠标滑动(3)鼠标滑出滑入时，我们需要给半透明层定位，并马上显示出层。通过给元素绑定mousemove事件。滑动时，需要给透明层实时定位，在计算定位时，要注意半透明层不超出图片边界。同时在mousemove时，添加了一个setTimeout，减少资源占用。滑出后，隐藏半透明层，并把mousemove解除绑定，减少资源占用.这一步最关键的就是，滑动时中心点和坐标的计算。演示：
3.显示放大的图
第2步完成后，第3步就相对简单了。在刚才3种状态上，在添加点内容。鼠标滑入时，需要添加大图的显示。鼠标滑动时，需要根据鼠标当前的位置在小图中的比例，然后把比例*大图的宽度高度 得到大图显示的位置。鼠标滑出后，需要隐藏大图。这一步最关键的就是，滑动时比例的计算。演示：
4.发散思维
此效果不仅是显示商品，地图鹰眼效果也可以使用.下载：
& (61)PageSlide使用时，在当前页面中设定一个链接，该链接的href属性指向另一个页面A，并为该链接绑定pageSlide事件。点击链接时，触发PageSlide 事件，在页面中创建一个新的区域（左侧或右侧，依据传入参数而定），然后通过jQuery ajax将页面A中内容读取到该区域中。
PageSlide用法很简单，简单说一下：
引用jquery库文件及pageslide插件文件
在页面中添加事件触发链接，链接地址是要打开页面的地址，如：
&a href=&_left.html& id=&slide-left&&从右边打开隐藏空间&/a&
为链接绑定pageSlide事件，并传入设定参数：
//第一个参数是页面新区域的宽度
//第二个参数是当前页面移动方向，方向为left，也就是从右侧出现新区域
$(&#slide-left&).pageSlide({ width: &350px&, direction: &left& });
下载PageSlide插件:&本地下载：62.
64.不错的图片分类展示或者文字展示效果
66.T血展示效果&
67.利用z-index做的图片展示效果&
4.自动填充类
（1）jQuery插件易于集成到现在的表单中(Form)。&&&
基于jQuery开发，类似于FaceBoox提供的AutoCompleter。&&&
jQuery Autcomplete插件。能够限制下拉菜单显示的结果数。
基于Jquery开发的Autocomplete插件。具有易于使用，配置简单，既可以利用Ajax读取也可以直接从本地获取数据。
类似于del.icio.us提供的tag suggesting功能。
利用 jQuery(Ajax)，和My开发的AutoCompleter。
跨浏览器支持，基于jQuery开发的Autocomplete library。
一个jQuery Autocompleter，提供缓存选项来限制对的请求。
自动完成输入框值让用户能够快速查找和过滤某些值。
模仿Google Suggest功能的AutoComplete jQuery插件。
采用jQuery开发的AutoComplete控件。搜索结果展示框完全可以利用CSS自定义，内容展示是一个HTML页面。
带AutoComplete功能的下拉选择框jQuery插件。(13)Kissy Suggest
重写后的组件压缩后约 10k, 仅依赖 YUI2 的 yahoo-dom-event. 目前在淘宝已全面应用一个多月。现在开源出来，希望能对需要此功能的兄弟们有所帮助。源码地址：
suggest-yui2.js 是源码，test.html 是测试页面，demo.html 是实例，demo-google.html 是利用该组件给谷歌恢复搜索提示的小玩意。如果在项目中真实使用，需要加载以下两个文件：
/svn/trunk/lib/yui2/yahoo-dom-event.js/svn/trunk/build/suggest/suggest-yui2-min.js
可以很自信地说：这个组件目前无论在细节还是性能上，都是数一数二的。欢迎试用和有效的建议。
PS：很感慨 Google 的产品，精致小巧，非常注意细节。Google 英文首页的搜索提示，看似简单，但极不简单。对键盘和鼠标等事件的细节处理上，没有看到比 Google 做得更好的。Kissy Suggest 在交互细节上基本上做到了和 Google 的一样，同时增加了对本土输入法的支持（14）apple风格的自动填充效果
jQuery分页插件
（2）pager jQuery plug-in
jQuery分页插件。
（3）JQuery Pager
一个利用jQuery开发的分页UI控件，可用于数据驱动的web应用程序中。
6.编辑器类&
（1）jwysiwyg
WYSIWYG jQuery插件。整个编辑器文件大小只有17Kb。
（2）Damn Small Rich Text Editor
基于jQuery开发，能够从IFRAME元素创建一个Rich Text Editor。提供了所有基本的Rich Text功能，可设置文本编辑区大小，Ajax上传图片等。&
(3)xhEditor
xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化XHTML编辑器，基于网络访问并且兼容IE 6.0-8.0,Firefox 3.0,Opera 9.6,Chrome 1.0,Safari 3.22。编辑器组件采用LGPL协议开放源代码，您可以任意修改，并使用在您商业或者非商业系统中。同样，您也可以任意的学习和参考我们的源代码。若您对本编辑器代码进行改动或者再开发并对外发布的话，请您也使用LGPL协议来开放您的源代码，谢谢。最新0.9.5版程序下载：
自定义按钮：
皮肤选择：
其它选项：
Javascript交互：
非utf-8编码网页调用：
UBB可视化编辑：
Ajax图片上传：
(1)Flexigrid
Flexigrid是一个类似于Ext Gird，但基于jQuery开发的Grid。它具有的功能包括：可以调整列宽，合并列标题，分页，排序，显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。
这个jQuery DataGrid提供的功能有：可以拖动调整列宽，分页，排序，设置行/列样式等。
(3)jQuery Grid
jqGrid是一个Ajaxed jQuery Grid插件。提供分页功能，添加、编辑、删除和搜索表中记录，支持多种数据类型输入：XML，JSON，Array等，多行选择，支持子表格，集成日期选择控件等等。
(4)tableHover
tableHover一个jQuery插件当鼠标经过时，能够对表格的一整列或行进行着色加亮。支持colspans与rowspans的表格。
(5)JQuery.Resizer&
一个轻量级jQuery插件用于创建可以拖动调整行高与列宽的表格。
(6)tablesorter
tablesorter 这个jQuery插件能够将带THEAD与TBODY标签的标准HTMLTable转换成一个可排序的表格。tablesorter能够排序多种数据类型包括Text、URIs、integers、currency、floats、IP地址、日期、时间和自定义的数据类型。支持拥有复杂表头表格的排序，支持二级隐藏排序，支持多种浏览器：IE6.0+、FF2+、Safari2.0+、Opera9.0+。
(7)csv2table
csv2table这个插件能够将CVS文件（利用Excel创建）的内容转换成HTML Table。
jQuery表格排序插件，点击表格中对应列的头部单元，表格立即重新排序。
(8)tableFormSynch
tableFormSynch 是一个表格与表单数据相互更新的jQuery插件。它提供的功能包括：基于表单中的数据，新增行。删除所选择行，并清除表单中的所有数据。 tableFormSynch支持所有表单控件包括：checkboxes、radio、buttons 与&select&。&
8.色彩选择器类
(1)&Farbtastic
Farbtastic是一个color picker插件。它能够在一个页面中加入多个颜色选择控件，然后每个控件关联到页面中的一个元素比如：文本输入框。
(2)jQuery Color Picker
一个简单的颜色选择控件。操作方式与Adobe Photoshop中颜色选择操作置。
(3)iColorPicker
iColorPicker是一个只有6KB大小的jQuery Color Picker。只要将输入框的class属性设置为&iColorPicker&就能变一个漂亮的颜色选择器。
9.数据验证类
1.&jQuery plugin: Validation
jQuery校验插件。
2.&Masked Input Plugin
Masked Input这个jQuery插件让用户能够按照预先设定好的固定格式输入数据(如日期、电话号码等)。&jQuery password strength meter&用于检测密码强度的jQuery插件。
jQuery表单校验插件。4.&友情提供
Flot一个纯javascript绘画库，基于jQuery开发。它能够在客户端根据任何数据集快速生成图片。目前只能绘制线状图和柱状。
3.&jQchart
基于Canvas+jQuery，可拖放/交互的简单图形控件。&
4&jquery.sparkline
这是一个用于生成迷你型线状图的jQuery插件。&
5. jQuery Google Charts ()
jQuery Google Charts是一个封装Google API charts的jQuery插件，提供了更加简易的使用方法。
jqPlot是一个jQuery绘图插件，可以利用它制作漂亮的线状图和柱状图。jqPlot支持为图表设置各种不同的样式。提供Tooltips，数据点高亮显示等功能。
1.&jqUploader
结合Javascript与Flash开发，拥有上传进度条的文件上传控件。
2.&jQuery Multiple File Upload Plugin
多文件上传插件（jQuery.MultiFile）能够让用户一次性选择多个要上传的文件。此外该插件还提供一些基本的校验功能比如：文件扩展名校验。
3.&jQuery: Ajax file upload
Ajax文件上传插件让用户能够很方便地上传多个文件而无需刷新页面。此外，可以使用任何元素（图片，文字，按纽等）来触发文件选择窗口。
12.日期时间类
1.&jQuery UI Datepicker
基于jQuery开发的日期选择控件。&
2.&Date Picker
Date Picker一个采用jQuery开发的日期选择控件。支持同时显示多个月份日历，标记特殊日期，易于通过CSS定制外观，自定义周的第一天，自定义月份和星期的显示名称。&
3.&Date Range Picker
基于jQuery UI1.6与jQuery UI CSS框架开发的日期选择控件。&
13.圆角效果类&
1.&jQuery Corner&
不需要图片就能够创建各种圆角形状的jQuery插件。&
2.&JQuery Curvy Corners
用于创建圆角的jQuery插件。压缩之后大小只有9k。&
3.&jQuery Corner
更多圆角效果的jQuery插件。&
4.&jQuery Corners
这是一个用于创建漂亮圆角效果的jQuery插件。不需要用到图片或其它特殊的标签。&
（2）一个不错的ajax投票效果
（3）&jQuery Ajax Rater Plugin
能够动态创建Ajax Rater的jQuery插件。&
4.&Star Rating widget
采用jQuery框架开发的评价控件。&
&5.&&jQuery Star Rating Plugin
Star Rating Plugin是一个基于一组radio input boxes实现的星形评价控件。&
6.&Ajax Poll
利用jQuery的Ajax和动画效果并给合PHP开发的投票系统。
7.jQuery 投票调查组件
测试答题框
可作心理测试等测试题使用
问题和选项通过questions.xml设置
显示当前得分
显示当前答题进度
可作翻看选过的选项
通过不同的得分调取不同结果内容
下面是装载XML 版本的代码 完整的代码请
15.虚拟键盘类&
在进行一些高安全性 Web 设计时，为了用户输入表单信息的安全，往往不希望用户直接通过实体鼠标进行操作，而是提供额外的 Web 虚拟鼠标来帮助用户完全某些隐私表单内容的输入，所以，就用到了本文提及的3个 JavaScript 安全虚拟键盘插件。&
jQuery 小键盘&是一个用于创建安全表单输入的插件工具，提供友好的键盘界面接口。使得可以仅允许用户输入数字、字母等限制性操作。
一个创建&的学习向导，教你一步一步地创建自己的jQuery 虚拟键盘，而且必须得 JavaScript 脚本可以免费下载。安全性高的 Web 虚拟键盘在金融类网站的和要求高安全性的表单操作中应用非常广泛。所以，学会如何编写一个优秀的Web 安全虚拟键盘非常有用。
虚拟键盘被广泛应用在极高级别的网站开发中，包括在线银行类网站应用等。Virtual keyboards&能帮助我们防止键盘操作记录，阻止用户进行某些特殊按键的限制操作，virtual keyboard&使用简单，支持多种语言。
16.Form元件扩展
（1）bobox&
&bobox是一个采用jQuery开发的combobox控件，可以使用CSS控制该combobox的外观，可以设置各种不同风格的下拉动画效果。
（2）jquery button:对按钮的扩展
开发项目时，经常需要自已开发一些UI组件，在这里共享一个刚开发的Button控件，这个Button使用很简单，只要加入相关的CSS和JS文件，这样页面中的所有input按扭都将会被自动渲染为漂亮的个性化按扭，不需要写一句代码。&
(3)ContextMenu&
用于创建右键弹出菜单的jQuery插件。
（5）在链接旁边加一个小图标效果
创建自定义外观的Form元素，功能与正常的Form元素相似。&&
7.&jQuery calculate
jQuery计算插件，提供一些常用的数学计算功能比如：Sum、Average、Min、Max等。&
8.&jQuery select box&
模仿HTML select box实现功能的一个下拉菜单。
9.&prettyCheckboxes
一个简单的jQuery插件用于定制checkboxe和radio按纽的外观。
jGrow这个jQuery插件能够让textarea根据文本的长度自动调整它的大小。&
11.&jQuery Form Plugin
为表单(Form)提供全面Ajax支持，包括文件上传功能的jQuery插件。提供的方法/功能包括：ajaxForm、ajaxSubmit、 formToArray、formSerialize、fieldSerialize、fieldValue、clearForm、 clearFields、resetForm。这些方法能够让你轻松地管理Form中的数据和Form无刷新提交。&
12.&mcDropdown jQuery Plug-in
mcDropdown是一个独特的UI控件，它能够让用户在一个复杂分级的树形下拉选项中进行选择。&
13.&Create A Slider From A Select Box
这是一个漂亮的jQuery插件能够自动将select boxes转换成一个sliders控件。&
14.&TextArea Resizer
这个jQuery插件提供Resizer bar可拖动调整TextArea大小。
15.&jQuery MultiSelect
jQuery MultiSelect是一个可配置的jQuery插件。它将普通的列表框表单控件转换成带有CheckBox的下拉列表控件。
16.&Editable(jQuery Editable Plugin)
这是一个真正可定制的jQuery editableplugin。当前它能够将任意不可编辑的标签（span、div、p...等）转换成可编辑的textinput、password、 textarea、下拉列表（drop-downlist）等标签。你可以利用它的editableFactory对象来扩展添加自己所需的input type。&
17.&NicejForm
NiceJForm 是一个拥有完美外形的表单，它是基于jquery库的，NiceJForms实际上是个jquery插件，用来使表单看起来更为美观。这不是最终版本，我知道可以通过多种途径改良它的脚本，但是至少，这是一个可以使用的稳定版本。非常感谢发布的NiceJForm，在他的blog中你可以获得更多信息。在IE6，IE7，Firefox2.0中测试成功。
18.&jScrollPane
jScrollPane这个jQuery插件可以让你通过简单的CSS设置就能够替换所有分块元素在浏览器中默认的垂直滚动条样式。
19.利用jQuery制作类似skype的按钮效果.
&20.jCheckbox:
效果图:简介:jCheckbox用于模拟checkbox的效果, 方便开发人员自定义外观, 由于所有的属性都绑定到目标checkbox, 所以不必担心状态保存或取值的问题...&导航:|
&（21）jQuery asmSelect&感谢&友情提供&
不需要flash，使用JQuery的平移效果，自己完成的动画效果（使用的google首页的图片）托管到Google上了。地址：&svn下载地址：&
18.代码高亮类
beautyOfCode这个jQuery插件能够对html页面中各种源代码的语法进行着色显示。封装自Syntaxhighlighter并添加对xhtml兼容支持。
Chili是一个jQuery源代码语法着色/高亮插件。具有以下特性：
着色非常快，易于使用，完全可定制，文档丰富。
支持显示行号。
在Internet Explorer、、Opera和Safari等浏览器上显示同样的效果。
默认支持的源代码类型包括：C 、C#、、Delphi、Java、JavaScript、LotusScript、MySQL、PHP和XHTML。
完全支持正则表达式，包括反向引用。
jQuery &Highlight& plugin是一个能对任意页面标签，当被选中时添加高亮提示的jQuery插件。主要用于提示表单填写。
&jquery-aop&为 JavaScript增加面向方面编程特性的jQuery插件。它能给任何函数添加(Before、与Around)。&xmlObjectifier&基于jQuery开发，能够把XML DOM转换成 JSON的JavaScript library。&JQuery Portlets&这个jQuery插件提供一些Portlets功能包括：drag/drop，expand，collapse等。&EasyDrag jQuery Plugin&这个jQuery Plugin能够为大部DOM元素添加拖放功能。&
Drag and Drop:
效果图:简介:dragndrop为开发人员实现dom拖拽提供了更简单的方法, 并可以监视对象dom的位置以便进行数据(position)存储...导航:|
Resizable:
效果图:简介:resizable插件使html dom resize更易于实现(这句话真别扭)...导航:|
&jFeed&jFeed是一个基于jQuery开发的RSS/ATOM Feed解析器。 jFeed能够解析RSS0.91、0.92、1.0、2.0和Atom1.0 Feeds。&jQuery.UI ProgressBar Widget&采用jQuery开发的进度条控件。&JQuery Progress Bar&基于jQuery开发的进度条控件。在其网站上提供一个可以显示文件上传进度的例子，服务器端采用PHP处理。&jTemplates&基于jQuery开发的javascript模板引擎。&Animated Collapsible DIV&为任何DIV层添加Web2.0风格的动画隐藏/显示效果。&Simple Effects Plugins&jQuery特效插件，可以实现收缩，隐藏，显示，淡入/淡出和上下滑动效果等．&&&jQuery.Hotkeys plugin&这个jQuery插件能够帮助你快速创建键盘触发事件。支持任意组合键。&jMP3&jMP3是一个采用jQuery开发的JavaScript MP3插放器，提供一种可以在页面上直接播放MP3的简便方式。&Pure&Pure是一个基于jQuery开发，能够动态生成HTML的JavaScript模板引擎。支持JSON数据。&Chain.js&Chain.js是一个提供数据绑定功能的jQuery插件。用于自动生成Web内容，有利于数据与表现相分离。&ppDrag&ppDrag是一个让页面元素拥有拖移（Drag&Drop）效果的jQuery插件。&jqDnR&jqDnR一个轻量级jQuery插件能够让你拖拽任何元素、调整元素大小。&Scroll Follow&Scroll Follow是一个简单的jQuery插件。当滚动页面时，能够让DOM对象产生浮动跟随效果。&jQuery Taconite Plugin&这个jQuery插件能够利用单个Ajax调用结果同时更新多个DOM对象。&jQuery URL Parser&用于解析URLs字符串的jQuery插件。方便你获取协议,主机,端口,查询参数,文件名,路径等。&jQuery.xml2json&jQuery.xml2json是一个能够将简单的XML转换成JSON对象的jQuery插件。&Ajaxify&Ajaxify这个jQuery插件能够将一个页面中的所有链接转换成Ajax加载和提交请求。&
从&作者：(admin)
类似于瞄点技术( url#address )，使得浏览器的后退按钮生效。在Ajax应用中，可以使用。演示：下载：
quickSearch
，顾名思义是一个jQuery驱动的快速搜索插件，Ajax显示搜索结果。
说的太好了，我顶！
Copyright & 2015 www.51yue.net Corporation, All Rights Reserved}