超强1000个jquery极品插件(六)
10.报表类1.
<img src="http://media2.smashingmagazine.com/wp-content/uploads/images/jquery-plugins-techniques/chart.gif" alt="Sliding Boxes and Captions with jQuery" width="480" height="278" />
2.<img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" alt="" /> Flot<img src="http://www.open-open.com/ajax/resource/von.gif" border="0" alt="" />
Flot一个纯javascript绘画库，基于jQuery开发。它能够在客户端根据任何数据集快速生成图片。目前只能绘制线状图和柱状。
<img src="http://www.open-open.com/ajax/pimage/Flot.jpg" border="0" alt="" />
3.<img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" alt="" /> jQchart
<img src="http://www.open-open.com/ajax/resource/von.gif" border="0" alt="" />
基于Canvas+jQuery，可拖放/交互的简单图形控件。
<img src="http://www.open-open.com/ajax/pimage/jQchart.jpg" border="0" alt="" />
jQchart
4<img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" alt="" /> jquery.sparkline
<img src="http://www.open-open.com/ajax/resource/von.gif" border="0" alt="" />
这是一个用于生成迷你型线状图的jQuery插件。
<img src="http://www.open-open.com/ajax/pimage/jquerysparkline.jpg" border="0" alt="" />
jquery.sparkline
5. jQuery Google Charts (演示地址)
jQuery Google Charts是一个封装Google API charts的jQuery插件，提供了更加简易的使用方法。
6. jqPlot (演示地址)
jqPlot是一个jQuery绘图插件，可以利用它制作漂亮的线状图和柱状图。jqPlot支持为图表设置各种不同的样式。提供Tooltips，数据点高亮显示等功能。
11.上传类
1.<img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" alt="" /> jqUploader
<img src="http://www.open-open.com/ajax/resource/von.gif" border="0" alt="" />
结合Javascript与Flash开发，拥有上传进度条的文件上传控件。
<img src="http://www.open-open.com/ajax/pimage/jqUploader.jpg" border="0" alt="" />
jqUploader
2.<img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" alt="" /> jQuery Multiple File Upload Plugin
<img src="http://www.open-open.com/ajax/resource/von.gif" border="0" alt="" />
多文件上传插件（jQuery.MultiFile）能够让用户一次性选择多个要上传的文件。此外该插件还提供一些基本的校验功能比如：文件扩展名校验。
<img src="http://www.open-open.com/ajax/pimage/jQuery.MultiFile.jpg" border="0" alt="" />
jQuery Multiple File Upload Plugin
3.<img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" alt="" /> jQuery: Ajax file upload
<img src="http://www.open-open.com/ajax/resource/von.gif" border="0" alt="" />
Ajax文件上传插件让用户能够很方便地上传多个文件而无需刷新页面。此外，可以使用任何元素（图片，文字，按纽等）来触发文件选择窗口。
<img src="http://www.open-open.com/ajax/pimage/Ajax_file_upload.jpg" border="0" alt="" />
jQuery: Ajax file upload
12.日期时间类
1.<img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" alt="" /> jQuery UI Datepicker
<img src="http://www.open-open.com/ajax/resource/von.gif" border="0" alt="" />
基于jQuery开发的日期选择控件。
<img src="http://www.open-open.com/ajax/pimage/jQuery_UI_Datepicker.jpg" border="0" alt="" />
jQuery UI Datepicker
2.<img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" alt="" /> Date Picker
<img src="http://www.open-open.com/ajax/resource/von.gif" border="0" alt="" />
Date Picker一个采用jQuery开发的日期选择控件。支持同时显示多个月份日历，标记特殊日期，易于通过CSS定制外观，自定义周的第一天，自定义月份和星期的显示名称。
<img src="http://www.open-open.com/ajax/pimage/Date_Picker.jpg" border="0" alt="" />
Date Picker
3.<img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" alt="" /> Date Range Picker
<img src="http://www.open-open.com/ajax/resource/von.gif" border="0" alt="" />
基于jQuery UI1.6与jQuery UI CSS框架开发的日期选择控件。
<img src="http://www.open-open.com/ajax/pimage/Date_Range_Picker.jpg" border="0" alt="" />
Date Range Picker
13.圆角效果类
1.<img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" alt="" /> jQuery Corner <img src="http://www.open-open.com/ajax/resource/von.gif" border="0" alt="" />
不需要图片就能够创建各种圆角形状的jQuery插件。
<img src="http://www.open-open.com/ajax/pimage/jQuery_Corner.jpg" border="0" alt="" />
jQuery Corner
2.<img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" alt="" /> JQuery Curvy Corners
<img src="http://www.open-open.com/ajax/resource/von.gif" border="0" alt="" />
用于创建圆角的jQuery插件。压缩之后大小只有9k。
<img src="http://www.open-open.com/ajax/pimage/JQuery_Curvy_Corners.jpg" border="0" alt="" />
JQuery Curvy Corners
3.<img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" alt="" /> jQuery Corner
<img src="http://www.open-open.com/ajax/resource/von.gif" border="0" alt="" />
更多圆角效果的jQuery插件。
<img src="http://www.open-open.com/ajax/pimage/jQueryCorner1.jpg" border="0" alt="" />
jQuery Corner
4.<img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" alt="" /> jQuery Corners <img src="http://www.open-open.com/ajax/resource/von.gif" border="0" alt="" />
这是一个用于创建漂亮圆角效果的jQuery插件。不需要用到图片或其它特殊的标签。
<img src="http://www.open-open.com/ajax/pimage/jQuery_Corners.jpg" border="0" alt="" />
jQuery Corners
14.评价类
（1）Creating a Dynamic Poll with jQuery and PHP
<img src="http://media2.smashingmagazine.com/wp-content/uploads/images/jquery-plugins-techniques/poll.gif" alt="Creating a Dynamic Poll with jQuery and PHP" width="480" height="300" />
（2）Reddit-style Voting With PHP, MySQL And jQuery
一个不错的ajax投票效果 <img src="http://media1.smashingmagazine.com/wp-content/uploads/images/jquery-plugins-techniques/reddit.gif" alt="Reddit votings" width="480" height="184" />
（3）<img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" alt="" /> jQuery Ajax Rater Plugin
<img src="http://www.open-open.com/ajax/resource/von.gif" border="0" alt="" />
能够动态创建Ajax Rater的jQuery插件。
<img src="http://www.open-open.com/ajax/pimage/jQuery_Ajax_Rater_Plugin.jpg" border="0" alt="" />
jQuery Ajax Rater Plugin
4.<img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" alt="" /> Star Rating widget
<img src="http://www.open-open.com/ajax/resource/von.gif" border="0" alt="" />
采用jQuery框架开发的评价控件。
<img src="http://www.open-open.com/ajax/pimage/Star_Rating_widget.jpg" border="0" alt="" width="204" height="177" />
Star Rating widget
5. <img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" alt="" /> jQuery Star Rating Plugin
<img src="http://www.open-open.com/ajax/resource/von.gif" border="0" alt="" />
Star Rating Plugin是一个基于一组radio input boxes实现的星形评价控件。
<img src="http://www.open-open.com/ajax/pimage/Star_Rating_Plugin.jpg" border="0" alt="" />
jQuery Star Rating Plugin
6.<img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" alt="" /> Ajax Poll
利用jQuery的Ajax和动画效果并给合PHP开发的投票系统。
<img src="http://www.open-open.com/ajax/pimage/poll-results.png" border="0" alt="" />
Ajax Poll
7.jQuery 投票调查组件
主要功能:
测试答题框
可作心理测试等测试题使用
问题和选项通过questions.xml设置
显示当前得分
显示当前答题进度
可作翻看选过的选项
通过不同的得分调取不同结果内容
<img src="http://cms.titan24.com/focus/kikx/testxml/a.png" alt="点击查看在线演示" />
下面是装载XML 版本的代码 完整的代码请 打包下载
15.虚拟键盘类
1. 在进行一些高安全性 Web 设计时，为了用户输入表单信息的安全，往往不希望用户直接通过实体鼠标进行操作，而是提供额外的 Web 虚拟鼠标来帮助用户完全某些隐私表单内容的输入，所以，就用到了本文提及的3个 JavaScript 安全虚拟键盘插件。
<img src="http://www.bbon.cn/wp-content/uploads/2009/04/Virtual-keyboard.jpg" alt="" />
自定义 jQuery 虚拟小键盘插件 plugin
jQuery 小键盘 是一个用于创建安全表单输入的插件工具，提供友好的键盘界面接口。使得可以仅允许用户输入数字、字母等限制性操作。
<img src="http://www.bbon.cn/wp-content/uploads/2009/04/Virtual-keyboard1.jpg" alt="keypad" width="622" height="209" />
2.jQuery 虚拟键盘
一个创建 jQuery 虚拟键盘 的学习向导，教你一步一步地创建自己的jQuery 虚拟键盘，而且必须得 JavaScript 脚本可以免费下载。安全性高的 Web 虚拟键盘在金融类网站的和要求高安全性的表单操作中应用非常广泛。所以，学会如何编写一个优秀的Web 安全虚拟键盘非常有用。
<img src="http://www.bbon.cn/wp-content/uploads/2009/04/Virtual-keyboard2.jpg" alt="vkeyboard" width="622" height="243" />
3.Virtual keyboard 虚拟键盘
虚拟键盘被广泛应用在极高级别的网站开发中，包括在线银行类网站应用等。Virtual keyboards 能帮助我们防止键盘操作记录，阻止用户进行某些特殊按键的限制操作， virtual keyboard 使用简单，支持多种语言。
<img src="http://www.bbon.cn/wp-content/uploads/2009/04/Virtual-keyboard3.jpg" alt="Virtual-keyboard" width="623" height="294" />
16.Form元件扩展
（1）jQuery.combobox
jQuery.combobox是一个采用jQuery开发的combobox控件，可以使用CSS控制该combobox的外观，可以设置各种不同风格的下拉动画效果。
<img src="http://www.open-open.com/ajax/pimage/jQuery.combobox.jpg" border="0" alt="" />
jQuery.combobox
二手图书 二手书 特价书 旧书网
（2）jquery button:对按钮的扩展
开发项目时，经常需要自已开发一些UI组件，在这里共享一个刚开发的Button控件，这个Button使用很简单，只要加入相关的CSS和JS文件，这样页面中的所有input按扭都将会被自动渲染为漂亮的个性化按扭，不需要写一句代码。
button.rar (72.00 kb)
二手图书 二手书 特价书 旧书网
(3)ContextMenu
用于创建右键弹出菜单的jQuery插件。
<img src="http://www.open-open.com/ajax/pimage/ContextMenu.jpg" border="0" alt="" />
ContextMenu
（4）
<img src="http://media2.smashingmagazine.com/wp-content/uploads/images/jquery-plugins-techniques/highl.gif" alt="Current Field Highlighting" width="480" height="214" />
（5）在链接旁边加一个小图标效果
Add a favicon near external links with jQuery
6<img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" alt="" /> jNice
创建自定义外观的Form元素，功能与正常的Form元素相似。
<img src="http://www.open-open.com/ajax/pimage/jNice.jpg" border="0" alt="" />
jNice
7.<img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" alt="" /> jQuery calculate
<img src="http://www.open-open.com/ajax/resource/von.gif" border="0" alt="" />
jQuery计算插件，提供一些常用的数学计算功能比如：Sum、Average、Min、Max等。
<img src="http://www.open-open.com/ajax/pimage/calculate1.jpg" border="0" alt="" />
<img src="http://www.open-open.com/ajax/pimage/calculate.jpg" border="0" alt="" />
jQuery calculate
8.<img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" alt="" /> jQuery select box
<img src="http://www.open-open.com/ajax/resource/von.gif" border="0" alt="" />
模仿HTML select box实现功能的一个下拉菜单。
<img src="http://www.open-open.com/ajax/pimage/27110702.jpg" border="0" alt="" />
jQuery select box
9.<img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" alt="" /> prettyCheckboxes
<img src="http://www.open-open.com/ajax/resource/von.gif" border="0" alt="" />
一个简单的jQuery插件用于定制checkboxe和radio按纽的外观。
<img src="http://www.open-open.com/ajax/pimage/prettyCheckboxes.jpg" border="0" alt="" />
prettyCheckboxes
10.<img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" alt="" /> jGrow
<img src="http://www.open-open.com/ajax/resource/von.gif" border="0" alt="" />
jGrow这个jQuery插件能够让textarea根据文本的长度自动调整它的大小。
<img src="http://www.open-open.com/ajax/pimage/2j16.gif" border="0" alt="" />
jGrow
11.<img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" alt="" /> jQuery Form Plugin
<img src="http://www.open-open.com/ajax/resource/von.gif" border="0" alt="" />
为表单(Form)提供全面Ajax支持，包括文件上传功能的jQuery插件。提供的方法/功能包括：ajaxForm、ajaxSubmit、 formToArray、formSerialize、fieldSerialize、fieldValue、clearForm、 clearFields、resetForm。这些方法能够让你轻松地管理Form中的数据和Form无刷新提交。
jQuery Form Plugin
12.<img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" alt="" /> mcDropdown jQuery Plug-in
<img src="http://www.open-open.com/ajax/resource/von.gif" border="0" alt="" />
mcDropdown是一个独特的UI控件，它能够让用户在一个复杂分级的树形下拉选项中进行选择。
<img src="http://www.open-open.com/ajax/pimage/mcDropdown.jpg" border="0" alt="" />
mcDropdown jQuery Plug-in
13.<img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" alt="" /> Create A Slider From A Select Box
<img src="http://www.open-open.com/ajax/resource/von.gif" border="0" alt="" />
这是一个漂亮的jQuery插件能够自动将select boxes转换成一个sliders控件。
<img src="http://www.open-open.com/ajax/pimage/jQuery_Slider.jpg" border="0" alt="" />
Create A Slider From A Select Box
14.<img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" alt="" /> TextArea Resizer
<img src="http://www.open-open.com/ajax/resource/von.gif" border="0" alt="" />
这个jQuery插件提供Resizer bar可拖动调整TextArea大小。
<img src="http://www.open-open.com/ajax/pimage/TextArea_Resizer.jpg" border="0" alt="" />
TextArea Resizer
15.<img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" alt="" /> jQuery MultiSelect
<img src="http://www.open-open.com/ajax/resource/von.gif" border="0" alt="" />
jQuery MultiSelect是一个可配置的jQuery插件。它将普通的列表框表单控件转换成带有CheckBox的下拉列表控件。
<img src="http://www.open-open.com/ajax/pimage/jQuery_MultiSelect.jpg" border="0" alt="" />
jQuery MultiSelect
16.<img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" alt="" /> Editable(jQuery Editable Plugin)
<img src="http://www.open-open.com/ajax/resource/von.gif" border="0" alt="" />
这是一个真正可定制的jQuery editableplugin。当前它能够将任意不可编辑的标签（span、div、p...等）转换成可编辑的textinput、password、 textarea、下拉列表（drop-downlist）等标签。你可以利用它的editableFactory对象来扩展添加自己所需的input type。
<img src="http://www.open-open.com/ajax/pimage/Editable.jpg" border="0" alt="" />
Editable(jQuery Editable Plugin)
查看完整版本： 超强1000个jquery极品插件(六)
Tags: