js阻止窗口关闭
- 2009年06月4日
开始凭印象，想当然使用了onunload事件，直接关闭，无任何提示。。。多看手册有好处。。。
- <script type="text/javascript">
- window.onbeforeunload = function(){
- return "do you want leave?";
- }
- </script>
按 ‘ Javascript ’ 标签归档
jQuery插件
- 2009年04月26日
你有没有过这样的经历？比如在使用jQuery的Grid插件FlexiGrid时候，你想在表格的行里添加链接和按钮，修改FlexiGrid来实现，那破坏了插件最原始的状态，将来要升级插件的话，可能会带来麻烦，当然这种情况少见，这可能是我嫌修改FlexiGrid代码麻烦而找的借口吧。那我们只能通过在服务器端生成代码的方式，比如返回的是JSON数据，我们只需添加一列，列的内容就是你的按钮和链接，假设你添加的这个按钮是个“删除”按钮，那你可能会采用Ajax方式进行删除，问题出现了，你写在$(document).ready();里的函数访问不到了，如果将你的函数放在$(document).ready();的外部，可以访问，那不能保证函数的正确，除非你将函数放在页面最末端，那$(document).ready();对你而言也就失去了意义，后来找到一种方法，手册上有，就是下面的：
- jQuery.fn.extend({
- functionName : function() {
- do_sth....;
- }
- });
外部调用
- $.functionName(data);
小记一下，以后可能还会用到。如果考虑到以后升级FlexiGrid插件的话，那还是直接修改FlexiGrid代码增加扩展的方式来实现所需的功能，实现的也比较优雅。
jQuery.fn.extend(object)
扩展 jQuery 元素集来提供新的方法（通常用来制作插件）。
JQuery Form Plugin API中文
- 2009年04月16日
英文原文：http://www.malsup.com/jquery/form/#api
表单插件API提供了几个方法，让你轻松管理表单数据和进行表单提交。
ajaxForm
增加所有需要的事件监听器，为AJAX提交表单做好准备。ajaxForm不能提交表单。在document的ready函数中，使用ajaxForm来为AJAX提交表单进行准备。ajaxForm接受0个或1个参数。这个单个的参数既可以是一个回调函数，也可以是一个Options对象。
可链接（Chainable）：可以。
实例：
- $('#myFormId').ajaxForm();
- $('#myFormId').ajaxForm();
ajaxSubmit
马上由AJAX来提交表单。大多数情况下，都是调用ajaxSubmit来对用户提交表单进行响应。ajaxSubmit接受0个或1个参数。这个单个的参数既可以是一个回调函数，也可以是一个Options对象。
可链接（Chainable）：可以。
实例：
- // 绑定表单提交事件处理器
- $('#myFormId').submit(function() {
- // 提交表单
- $(this).ajaxSubmit();
- // 为了防止普通浏览器进行表单提交和产生页面导航（防止页面刷新？）返回false
- return false;
- });
- // 绑定表单提交事件处理器
- $('#myFormId').submit(function() {
- // 提交表单
- $(this).ajaxSubmit();
- // 为了防止普通浏览器进行表单提交和产生页面导航（防止页面刷新？）返回false
- return false;
- });
formSerialize
将表单串行化（或序列化）成一个查询字符串。这个方法将返回以下格式的字符串：name1=value1&name2=value2。
可链接（Chainable）：不能， 这个方法返回一个字符串。
实例：
- var queryString = $('#myFormId').formSerialize();
- // 现在可以使用$.get、$.post、$.ajax等来提交数据
- $.post('myscript.php', queryString);
- var queryString = $('#myFormId').formSerialize();
- // 现在可以使用$.get、$.post、$.ajax等来提交数据
- $.post('myscript.php', queryString);
fieldSerialize
将表单的字段元素串行化（或序列化）成一个查询字符串。当只有部分表单字段需要进行串行化（或序列化）时，这个就方便了。这个方法将返回以下格式的字符串：name1=value1&name2=value2。
可链接（Chainable）：不能，这个方法返回一个字符串。
实例：
- var queryString = $('#myFormId .specialFields').fieldSerialize();
- var queryString = $('#myFormId .specialFields').fieldSerialize();
fieldValue
返回匹配插入数组中的表单元素值。从0.91版起，该方法将总是以数组的形式返回数据。如果元素值被判定可能无效，则数组为空，否则它将包含一个或多于一个的元素值。
可链接（Chainable）：不能，该方法返回数组。
实例：
- // 取得密码输入值
- var value = $('#myFormId :password').fieldValue();
- alert('The password is: ' + value[0]);
- // 取得密码输入值
- var value = $('#myFormId :password').fieldValue();
- alert('The password is: ' + value[0]);
resetForm
通过调用表单元素原有的DOM方法，将表单恢复到初始状态。
可链接（Chainable）：可以。
实例：
- $('#myFormId').resetForm();
- $('#myFormId').resetForm();
clearForm
清除表单元素。该方法将所有的文本（text）输入字段、密码（password）输入字段和文本区域（textarea）字段置空，清除任何select元素中的选定，以及将所有的单选（radio）按钮和多选（checkbox）按钮重置为非选定状态。
可链接（Chainable）：可以。
- $('#myFormId').clearForm();
- $('#myFormId').clearForm();
clearFields
清除字段元素。只有部分表单元素需要清除时才方便使用。
可链接（Chainable）：可以。
- $('#myFormId .specialFields').clearFields();
- $('#myFormId .specialFields').clearFields();
Options对象
ajaxForm和ajaxSubmit都支持众多的选项参数，这些选项参数可以使用一个Options对象来提供。Options只是一个JavaScript对象，它包含了如下一些属性与值的集合：
target
指明页面中由服务器响应进行更新的元素。元素的值可能被指定为一个jQuery选择器字符串，一个jQuery对象，或者一个DOM元素。
默认值：null。
url
指定提交表单数据的URL。
默认值：表单的action属性值
type
指定提交表单数据的方法（method）：“GET”或“POST”。
默认值：表单的method属性值（如果没有找到默认为“GET”）。
beforeSubmit
表单提交前被调用的回调函数。“beforeSubmit”回调函数作为一个钩子（hook），被提供来运行预提交逻辑或者校验表单数据。如果“beforeSubmit”回调函数返回false，那么表单将不被提交。“beforeSubmit”回调函数带三个调用参数：数组形式的表单数据，jQuery表单对象，以及传入ajaxForm/ajaxSubmit中的Options对象。表单数组接受以下方式的数据：
- [ { name: 'username', value: 'jresig' }, { name: 'password', value: 'secret' } ]
- [ { name: 'username', value: 'jresig' }, { name: 'password', value: 'secret' } ]
默认值：null
success
表单成功提交后调用的回调函数。如果提供“success”回调函数，当从服务器返回响应后它被调用。然后由dataType选项值决定传回responseText还是responseXML的值。
默认值：null
dataType
期望返回的数据类型。null、“xml”、“script”或者“json”其中之一。dataType提供一种方法，它规定了怎样处理服务器的响应。这个被直接地反映到jQuery.httpData方法中去。下面的值被支持：
‘xml’：如果dataType == ‘xml’，将把服务器响应作为XML来对待。同时，如果“success”回调方法被指定， 将传回responseXML值。
‘json’：如果dataType == ‘json’， 服务器响应将被求值，并传递到“success”回调方法，如果它被指定的话。
‘script’：如果dataType == ‘script’， 服务器响应将求值成纯文本。
默认值：null（服务器返回responseText值）
semantic
Boolean flag indicating whether data must be submitted in strict semantic order (slower). Note that the normal form serialization is done in semantic order with the exception of input elements of type=”image”. You should only set the semantic option to true if your server has strict semantic requirements and your form contains an input element of type=”image”.
布尔标志，表示数据是否必须严格按照语义顺序（slower？）来进行提交。注意：一般来说，表单已经按照语义顺序来进行了串行化（或序列化），除了type=”image”的input元素。如果你的服务器有严格的语义要求，以及表单中包含有一个type=”image”的input元素，就应该将semantic设置为true。（译注：这一段由于无法理解，翻译出来可能语不达意，但请达人指正。）
默认值：false
resetForm
布尔标志，表示如果表单提交成功是否进行重置。
Default value: null
clearForm
布尔标志，表示如果表单提交成功是否清除表单数据。
默认值：null
实例：
- // 准备好Options对象
- var options = {
- target: '#divToUpdate',
- url: 'comment.php',
- success: function() {
- alert('Thanks for your comment!');
- } };
- // 将options传给ajaxForm
- $('#myForm').ajaxForm(options);
- // 准备好Options对象
- var options = {
- target: '#divToUpdate',
- url: 'comment.php',
- success: function() {
- alert('Thanks for your comment!');
- } };
- // 将options传给ajaxForm
- $('#myForm').ajaxForm(options);
注意：Options对象还可以用来将值传递给jQuery的$.ajax方法。如果你熟悉$.ajax所支持的options，你可以利用它们来将Options对象传递给ajaxForm和ajaxSubmit。
转自:http://lichuhui.javaeye.com/blog/295905
超强1000个jquery极品插件！（一）
- 2009年03月27日
1.accordion类
基于jQuery开发，非常简单的水平方向折叠控件。
jQuery-Horizontal Accordion
具有XBOX360 blade界面风格的水平方向Accordion。
jQuery plugin: Accordion
用于创建 折叠菜单的jQuery插件。
Accordion Menu script
基于jQuery开发的可折叠菜单。
jQuery.combobox
jQuery.combobox是一个采用jQuery开发的combobox控件，可以使用CSS控制该combobox的外观，可以设置各种不同风格的下拉动画效果。
2.AutoComplete
jQuery插件易于集成到现在的表单中(Form)。
Facebook like Autocomplete
基于jQuery开发，类似于FaceBoox提供的AutoCompleter。
jQuery Autocomplete Mod
jQuery Autcomplete插件。能够限制下拉菜单显示的结果数。
jqac
基于Jquery开发的Autocomplete插件。具有易于使用，配置简单，既可以利用Ajax读取数据也可以直接从本地获取数据。
jQuery Tag Suggestion
类似于del.icio.us提供的tag suggesting功能。
Autocomplete-jQuery ajax
利用 jQuery(Ajax)，PHP和MySQL开发的AutoCompleter。
jQuery.Suggest
跨浏览器支持，基于jQuery开发的Autocomplete library。
Autocomplete- jQuery plugin
一个jQuery Autocompleter，提供缓存选项来限制对服务器的请求。
jQuery plugin: Autocomplete
自动完成输入框值让用户能够快速查找和过滤某些值。
jSuggest
模仿Google Suggest功能的AutoComplete jQuery插件。
jQuery Live Ajax Search Plug-in
采用jQuery开发的AutoComplete控件。搜索结果展示框完全可以利用CSS自定义，内容展示是一个HTML页面。
jQuery Live Ajax Search Plug-in
ddcombobox
带AutoComplete功能的下拉选择框jQuery插件。
分页类
jQuery Pagination
jQuery分页插件
jQuery Pagination
pager jQuery plug-in
jQuery分页插件。
JQuery Pager
一个利用jQuery开发的分页UI控件，可用于数据驱动的web应用程序中。
提示框类
Facebox
Facebox 是一个基于jQuery，Facebook-style的lightbox。能够展示示images，divs或者整个远程页面。
Facebox
SimpleModal
SimpleModal是一个轻量级jQuery插件提供了一个简单的接口来创建模式对话框。
SimpleModal
jTip
jTip一个利用jQuery开发的提示工具。jTip通过HttpXMLRequest获取内容。用法简单，只需要在你的元素的class上加上Jtip,并引入jtip.js及其样式即可以。
BetterTip
一个可以自定义Tooltip的jQuery插件。基于jTip，但比它来得更加灵活。
clueTip
clueTip这个jQuery插件方便您为链接或其它元素添加Tooltip功能。当链接包括title属性时，它的内容将变成clueTip的标题。clueTip中显示的内容可以通过Ajax获取，也可以从当前页面中的元素中获取。
jQuery lightBox plugin
一个简单，强大基于jQuery开发的lightBox控件。
jQuery Impromptu
用于创建模式对话框，确认对话框，输入内容对话框的jQuery插件。
jQuery Impromptu
jQuery.UI Messenger”Outlook like message notification Widget
这个jQuery.UI控件类似于Messenger”Outlook消息弹出提醒框。
jQuery.UI Messenger”Outlook like message notification Widget
FancyBox
基于jQuery开发的Lightbox插件。支持对放大的图片添加阴影效果，对于一组相关的图片添加导航操作按纽，该Lightbox除了能够展示图片之外，还可以展示iframed内容， 通过CSS自定义外观。
Coda Popup Bubbles
采用jQuery开发，类似“冒泡”效果的提醒弹出框。
jGrowl
jGrowl用于制作消息弹出框的jQuery插件。产生效果的类似于Mac OSX系统中Growl事件通知框架。
jqWindowsEngine
这个jQuery插件能够帮助你轻松创建Ajax Windows。
jQuery Alert Dialogs
这个jQuery插件能够替换JavaScript提供的alert()、confirm()和prompt()功能。支持利用CSS自定义对话框外观。
jQuery Alert Dialogs
BeautyTips
BeautyTips是一个jQuery Tooltip插件.
编辑器类
jwysiwyg
WYSIWYG jQuery插件。整个编辑器文件大小只有17Kb。
jwysiwyg
Damn Small Rich Text Editor
基于jQuery开发，能够从IFRAME元素创建一个Rich Text Editor。提供了所有基本的Rich Text功能，可设置文本编辑区大小，Ajax上传图片等。
表格类
Flexigrid
Flexigrid是一个类似于Ext Gird，但基于jQuery开发的Grid。它具有的功能包括：可以调整列宽，合并列标题，分页，排序，显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。
Flexigrid
Ingrid
这个jQuery DataGrid提供的功能有：可以拖动调整列宽，分页，排序，设置行/列样式等。
Ingrid
jQuery Grid
jqGrid是一个Ajaxed jQuery Grid插件。提供分页功能，添加、编辑、删除和搜索表中记录，支持多种数据类型输入：XML，JSON，Array等，多行选择，支持子表格，集成日期选择控件等等。
jQuery Grid
tableHover
tableHover一个jQuery插件当鼠标经过时，能够对表格的一整列或行进行着色加亮。支持colspans与rowspans的表格。
JQuery.Resizer
一个轻量级jQuery插件用于创建可以拖动调整行高与列宽的表格。
tablesorter
tablesorter 这个jQuery插件能够将带THEAD与TBODY标签的标准HTMLTable转换成一个可排序的表格。tablesorter能够排序多种数据类型包括Text、URIs、integers、currency、floats、IP地址、日期、时间和自定义的数据类型。支持拥有复杂表头表格的排序，支持二级隐藏排序，支持多种浏览器：IE6.0+、FF2+、Safari2.0+、Opera9.0+。
tablesorter
csv2table
csv2table这个插件能够将CVS文件（利用Excel创建）的内容转换成HTML Table。
csv2table
tableFormSynch
tableFormSynch 是一个表格与表单数据相互更新的jQuery插件。它提供的功能包括：基于表单中的数据，新增行。删除所选择行，并清除表单中的所有数据。 tableFormSynch支持所有表单控件包括：checkboxes、radio、buttons 与<select>。
色彩选择器
Farbtastic
Farbtastic是一个color picker插件。它能够在一个页面中加入多个颜色选择控件，然后每个控件关联到页面中的一个元素比如：文本输入框。
Farbtastic
jQuery Color Picker
一个简单的颜色选择控件。操作方式与Adobe Photoshop中颜色选择操作置。
iColorPicker
iColorPicker是一个只有6KB大小的jQuery Color Picker。只要将输入框的class属性设置为“iColorPicker”就能变一个漂亮的颜色选择器。
右键菜单
ContextMenu
用于创建右键弹出菜单的jQuery插件。
图片新闻Flash展示相关类
imgAreaSelect
imgAreaSelect这个jQuery插件能够选取一张图片中一个矩形区域。
Easy Slide
EasySlide 是以jQuery为基础开发的一个图库展示插件，EasySlide可以将任何一个网页容器(Container)内的图形自动将其排列展示，并加上鼠标指向时的暂停效果(Pause)，可以当作图库展示或是动画及广告Banner使用。
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有完全不同的显示方式(以左右滑动为主要的显示方法)。
Easy News Plus
jQZoom
基于jQuery开发的图片放大镜插件。
jQuery Plugin: Text Highlight
利用javascript对页面中的关键字进行着色的jQuery插件。
jQuery Plugin: Text Highlight
jCarousel Lite
这个jQuery插件能够帮助你以滚动（carousel）的方式来组织图片和其它内容。
jCarousel
jCarousel是一个jQuery插件用于控制一个列表项目的水平或垂直顺序，列表项目的内容可以是静态HTML内容或通过AJAX加载的内容。可以向前或向后滚动。
Spacegallery-Jquery
一个采用jQuery开发，类似于Flash效果的图库（image gallery）。
Spacegallery-Jquery
jQuery Slider Gallery
这是一个基于jQuery开发相册控件，类似于Apple网站上用于展示产品的效果。
jQuery Cycle Plugin
jQuery Cycle Plugin是一个slideshow插件。支持多种变换效果：shuffle、zoom、fade、turnDown、curtainX、scrollRight。
Zoomimage
该jQuery插件能够让以当前流行的方式来展示图片。提供：预加载图片提示，对图片进行分组，自动调整图片显示比例，图片分组浏览控制。
prettyPhoto
prettyPhoto是jQuery lightbox的一个“克隆”。并增加动画效果，图库浏览等特性。
ThickBox
ThickBox是一个模式对话框UI控件。基于jQuery开发，可以用来展示单张或多张图片，内嵌的内容，iframed的内容，或通过Ajax获取的内容。
Galleria
Galleria 是一个采用jQuery开发的图片展示插件。它通过缩略图导航一张一张的显示大的图片。支持通过CSS设置整个相册的风格。能够按比例创建缩略图并剪切成适合在缩略图容器中显示的小图片。能够触一些事件，因此可以在图片加载时执行一些动作。
jQuery Flash Plugin
一个jQuery插件用于在页面中嵌入Flash影片。
jQuery.SerialScroll
jQuery.SerialScroll是一个用于创建滚动效果的jQuery插件，支持水平／垂直方向滚动和混合滚动效果。
InnerFade
InnerFade这个jQuery插件能够让任意一组元素（img，div等）实现淡入淡出播放效果。
NyroModal
一个基于jQuery开发，非常灵活和可定制外观/动画效果的模式对话框。可通过Ajax调用目标内容，改变对话框大小等。
CrossSlide
CrossSlide这个jQuery插件实现了一些常用Javascript幻灯片放映动画效果如：动态地移动、缩放、渐变、滑入”滑出等。
Magnify
Magnify是一个能够在图片上添加放大镜功能的jQuery插件。
Img Notes
用于当鼠标移到图片是时，显示一个信息提示框。
Img Notes
FancyZoom
FancyZoom采用缩放效果来展示图片或任意HTML页面，不需要另外开启页面来载入图片，其效果在Apple Mac的官方网站中也有。
Jcrop
Jcrop 是一个跨浏览器的jQuery图片剪切插件（jQuery image crop plugin）。支持对剪切框加CSS样式，当选取或拖动时添加回调事件（Callbacks），剪切时能够约束宽度与高度。
Jcrop
Galleriffic
Galleriffic是一个用于创建快速展示相册中照片的jQuery插件。图片既可以以幻灯片的方式查看，也可以手动点击缩略图查看。Galleriffic还支持分页，从而使得它能够展示更多的图片。
Galleriffic
Image Upload and Auto Crop
采用PHP+jQuery开发的图片上传和剪切（Crop）工具。
prettyGallery
prettyGallery是一个图库导航控件Slider。基于jQuery开发，除了可以导航图片之外，还支持其它任何内容。可以配置导航滚动速度和图片标题说明。
prettyGallery
jQuery.popeye
jQuery.popeye 这个插件能够将一组无序的图片列表转换成一个简单的相册。当点击图片时将以Lightbox风格放大图片。图片展示框提供向前/向后控制并能够为每一张图片添加备注说明信息。jQuery.popeye能够根据图片大小自动调整展示框的高度和宽度。
jQuery.popeye
s3Slider
s3Slider 是一个jQuery slideshow插件，效果类似于smooth slideshow。
可以在图片上的任意位置，透明显示当前所放映图片的说明信息。
Pirobox
采用jQuery开发的Lightbox控件。能够根据浏览器窗体大小自动调整展示图片大小。提供向前/向后控制链接。动态加载图片效果。易于定制。
Simple Controls Gallery
这是一个采用jQuery开发的图片slideshow控件。提供一个暂停/播放/向前/向后展示的控制菜单。这个jQuery slideshow可以设置当页面打开时自动播放图片并能够将最近查看的图片存储在cookie中。
Agile Carousel
Jquery Slideshow插件。易于定制图片切换效果。提供开/关图片标题显示，添加文本水印等功能。
Agile Carousel
jQuery Plugin-Page Peel
这是一个用于创建Page Peel(卷页/页面剥落)特效的jQuery插件。
Easy Slider
一个jQuery插件，当点击导航按纽时可以水平或垂直播放图片或其它任何内容。
Easy Slider
imgPreview
图片预览jQuery插件。当鼠标移到图片链接上时，会在链接的旁边出现一个类似于tooltip效果的图片展示框。
imgPreview
Jquery Fade In.Fade Out
这是一个用于让图片产生淡入淡出效果的jQuery插件。
Captify
这个jQuery插件能够在图片上显示标题信息，当鼠标放到图片上时滑动出现。
Captify
jParallax
这是一个用于生成视差现象的jQuery插件。mParallax能够产生的效果与jParallax一样但采用Mootools框架开发。
导航类
jQuery plugin: Treeview
这个插件能够把无序列表转换成可展开与收缩的Tree。
FastFind Menu Script
可拖动的嵌套菜单窗体，基于动态”AJAX”响应。
iconDock
iconDock一个基于jQuery开发的Fisheye menu。
iconDock
jQuery UI Tabs
jQuery UI Tabs：一个功能强大，易于使用的Tab控件。
jstree
jsTree是一个基于jQuery的Tree控件。支持XML，JSON，Html三种数据源。提供创建，重命名，移动，删除，拖”放节点操作。可以自己自定义创建，删除，嵌套，重命名，选择节点的规则。在这些操作上可以添加多种监听事件。
jQuery File Tree
jQuery File Tree是一个可配置的Ajax文件浏览器jQuery插件。可以通过CSS定制外观，指定文件树展开图标，可以自己定义展开／收缩事件、速度，配置加载信息等。 jQuery File Tree通过Ajax来获取文件信息。
Superfish
jQuery菜单插件。支持水平/垂直方向。弹出子菜单不会被<SELECT>标签挡住。
accordion menu
Accordion风格的jQuery菜单。
accordion menu
CSS Dock Menu
采用jQuery+CSS实现，仿Mac Dock Menu的一个导航菜单。
CheckTree
带Checkbox的树型jQuery插件。
CheckTree
idTabs
idTabs是一个能够创建简单到复杂Tab控件的jQuery插件。支持动态添加和选择Tab，idTabs能够绑定到不同的事件如mouseover。
idTabs
jQuery Context Menu
jQuery Context Menu是一个右键菜单插件。通过非常少的设置就能够轻松实现右键菜单功能。
jQuery Context Menu
jQuery Right-click
这个插件能够让你使用jQuery来捕获由鼠标右键触发的事件。这些事件包括：click、mouseup、mousedown。
jQuery Multi Level CSS Menu
这是一个多级水平CSS菜单，利用规则嵌套的HTML列表标签创建。当子菜单靠近窗体右边缘时，将自动调整展示方面。
ListNav
ListNav是一个用于创建按字母顺序分类导航的jQuery插件。
Simpletip
Simpletip是一个基于jQuery开发的Tooltips控件。Tooltips可以附在任意元素（标签）之上。并定制展示方式与位置。tooltips可以是静态，动态或通过Ajax加载。
Smooth Navigation Menu
Smooth Navigation Menu是一个采用jQuery开发，基于CSS的多层级网站导航菜单。菜单项的内容既可以直接从当前页面中获取，也可以从一个外面文件或通过Ajax获取。
Smooth Navigation Menu
jdMenu
jdMenu是用于创建水平/垂直分层下拉菜单的jQuery插件.支持通过Ajax加载菜单项，自定义动画效果，易于定制外观，支持相对(relative)与绝对(absolute) 定位等。
jqDock
这是一个能够将一组图片转换成类似于Mac风格鱼眼菜单(Dock Menu)的jQuery插件。菜单可以是水平方向或垂直方向。
验证类
jQuery plugin: Validation
jQuery校验插件。
jQuery plugin: Validation
Masked Input Plugin
Masked Input这个jQuery插件让用户能够按照预先设定好的固定格式输入数据(如日期、电话号码等)。
jQuery password strength meter
用于检测密码强度的jQuery插件。
jQuery password strength meter
jVal
jQuery表单校验插件。
图表类
Flot
Flot一个纯javascript绘画库，基于jQuery开发。它能够在客户端根据任何数据集快速生成图片。目前只能绘制线状图和柱状。
Flot
jQchart
基于Canvas+jQuery，可拖放/交互的简单图形控件。
jquery.sparkline
这是一个用于生成迷你型线状图的jQuery插件。
Form相关类
jNice
创建自定义外观的Form元素，功能与正常的Form元素相似。
jNice
jQuery calculate
jQuery计算插件，提供一些常用的数学计算功能比如：Sum、Average、Min、Max等。
jQuery calculate
jQuery select box
模仿HTML select box实现功能的一个下拉菜单。
jQuery select box
prettyCheckboxes
一个简单的jQuery插件用于定制checkboxe和radio按纽的外观。
prettyCheckboxes
jGrow
jGrow这个jQuery插件能够让textarea根据文本的长度自动调整它的大小。
jQuery Form Plugin
为表单(Form)提供全面Ajax支持，包括文件上传功能的jQuery插件。提供的方法/功能包括：ajaxForm、ajaxSubmit、 formToArray、formSerialize、fieldSerialize、fieldValue、clearForm、 clearFields、resetForm。这些方法能够让你轻松地管理Form中的数据和Form无刷新提交。
mcDropdown jQuery Plug-in
mcDropdown是一个独特的UI控件，它能够让用户在一个复杂分级的树形下拉选项中进行选择。
Create A Slider From A Select Box
这是一个漂亮的jQuery插件能够自动将select boxes转换成一个sliders控件。
Create A Slider From A Select Box
TextArea Resizer
这个jQuery插件提供Resizer bar可拖动调整TextArea大小。
jQuery MultiSelect
jQuery MultiSelect是一个可配置的jQuery插件。它将普通的列表框表单控件转换成带有CheckBox的下拉列表控件。
jQuery MultiSelect
Editable(jQuery Editable Plugin)
这是一个真正可定制的jQuery editableplugin。当前它能够将任意不可编辑的标签（span、div、p…等）转换成可编辑的textinput、password、 textarea、下拉列表（drop-downlist）等标签。你可以利用它的editableFactory对象来扩展添加自己所需的input type。
Editable(jQuery Editable Plugin)
NicejForm
NiceJForm 是一个拥有完美外形的表单，它是基于jquery库的，NiceJForms实际上是个jquery插件，用来使表单看起来更为美观。这不是最终版本，我知道可以通过多种途径改良它的脚本，但是至少，这是一个可以使用的稳定版本。非常感谢Lucian Slatineanu发布的NiceJForm，在他的blog中你可以获得更多信息。
在IE6，IE7，Firefox2.0中测试成功。
上传类
jqUploader
结合Javascript与Flash开发，拥有上传进度条的文件上传控件。
jQuery Multiple File Upload Plugin
多文件上传插件（jQuery.MultiFile）能够让用户一次性选择多个要上传的文件。此外该插件还提供一些基本的校验功能比如：文件扩展名校验。
jQuery Multiple File Upload Plugin
jQuery: Ajax file upload
Ajax文件上传插件让用户能够很方便地上传多个文件而无需刷新页面。此外，可以使用任何元素（图片，文字，按纽等）来触发文件选择窗口。
时间日期类
jQuery UI Datepicker
基于jQuery开发的日期选择控件。
jQuery UI Datepicker
Date Picker
Date Picker一个采用jQuery开发的日期选择控件。支持同时显示多个月份日历，标记特殊日期，易于通过CSS定制外观，自定义周的第一天，自定义月份和星期的显示名称。
Date Range Picker
基于jQuery UI1.6与jQuery UI CSS框架开发的日期选择控件。
圆角类
jQuery Corner
不需要图片就能够创建各种圆角形状的jQuery插件。
JQuery Curvy Corners
用于创建圆角的jQuery插件。压缩之后大小只有9k。
jQuery Corner
更多圆角效果的jQuery插件。
jQuery Corner
jQuery Corners
这是一个用于创建漂亮圆角效果的jQuery插件。不需要用到图片或其它特殊的标签。
评价类
jQuery Ajax Rater Plugin
能够动态创建Ajax Rater的jQuery插件。
jQuery Ajax Rater Plugin
Star Rating widget
采用jQuery框架开发的评价控件。
jQuery Star Rating Plugin
Star Rating Plugin是一个基于一组radio input boxes实现的星形评价控件。
其它
jquery-aop
为 JavaScript增加面向方面编程特性的jQuery插件。它能给任何函数添加Advices(Before、与Around)。
xmlObjectifier
基于jQuery开发，能够把XML DOM转换成 JSON的JavaScript library。
JQuery Portlets
这个jQuery插件提供一些Portlets功能包括：drag/drop，expand，collapse等。
jScrollPane
jScrollPane这个jQuery插件可以让你通过简单的CSS设置就能够替换所有分块元素在浏览器中默认的垂直滚动条样式。
EasyDrag jQuery Plugin
这个jQuery Plugin能够为大部DOM元素添加拖放功能。
jFeed
jFeed是一个基于jQuery开发的RSS/ATOM Feed解析器。 jFeed能够解析RSS0.91、0.92、1.0、2.0和Atom1.0 Feeds。
jFeed
jQuery.UI ProgressBar Widget
采用jQuery开发的进度条控件。
Ajax Poll
利用jQuery的Ajax和动画效果并给合PHP开发的投票系统。
Ajax Poll
JQuery Progress Bar
基于jQuery开发的进度条控件。在其网站上提供一个可以显示文件上传进度的例子，服务器端采用PHP处理。
jTemplates
基于jQuery开发的javascript模板引擎。
Animated Collapsible DIV
为任何DIV层添加Web2.0风格的动画隐藏/显示效果。
Animated Collapsible DIV
Simple Effects Plugins
jQuery特效插件，可以实现收缩，隐藏，显示，淡入/淡出和上下滑动效果等．
Simple Effects Plugins
jQuery.Hotkeys plugin
这个jQuery插件能够帮助你快速创建键盘触发事件。支持任意组合键。
jMP3
jMP3是一个采用jQuery开发的JavaScript MP3插放器，提供一种可以在页面上直接播放MP3的简便方式。
Pure
Pure是一个基于jQuery开发，能够动态生成HTML的JavaScript模板引擎。支持JSON数据。
Pure
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加载和提交请求。
JS获取地址栏中的参数
- 2009年03月20日
在今天的工作中，有个地方需要用到用js获取地址栏参数，操作方法如下：
- var URLParams = new Array();
- var aParams = document.location.search.substr(1).split('&');
- for (i=0; i < aParams.length; i++){
- var aParam = aParams[i].split('=');
- URLParams[aParam[0]] = aParam[1];
- }
- //取得传过来的name参数
- name=URLParams["name"];
- alert(name);
只要在页面中加入上面的代码，在地址栏中输入http://yourdomain/xxx.html?name=xx按回车，页面就会接受到name参数的值了…
9 个基于JavaScript 和 CSS 的 Web 图表框架
- 2009年03月17日
jQuery, MooTools, Prototype 等优秀的 JavaScript 框架拥有各种强大的功能，包括绘制 Web 图表，使用这些框架以及相应插件，我们可以非常轻松地实现曲线图，圆饼图，柱状图等 Web 图表的绘制，而不必象以往那样通过复杂的 Flash 技术实现。本文介绍了9个优秀的基于 JavaScript 与 CSS 的 Web 图表框架。
jQuery, MooTools, Prototype 等优秀的 JavaScript 框架拥有各种强大的功能，包括绘制 Web 图表，使用这些框架以及相应插件，我们可以非常轻松地实现曲线图，圆饼图，柱状图等 Web 图表的绘制，而不必象以往那样通过复杂的 Flash 技术实现。本文介绍了9个优秀的基于 JavaScript 与 CSS 的 Web 图表框架。
1. Flot
Flot 是一个纯粹的 jQuery JavaScript 绘图库，可以在客户端即时生成图形，使用非常简单，支持放大缩小以及鼠标追踪等交互功能。该插件支持 IE6/7/8, Firefox 2.x+, Safari 3.0+, Opera 9.5+ 以及 Konqueror 4.x+。使用的是 Safari 最先引入的 Canvas 对象，目前所有主流浏览器都支持该对象，除了 IE, 因此在 IE中使用 JavaScript 进行模拟。这里有一些实例。
2. JS Charts
JS Charts 是一个免费的基于 JavaScript 的图表生成器，表格绘制非常简单，几乎不需要编码，也不需要插件和服务器模块，使用XML 或 JavaScript 数组缓存数据。
3. TableToChart
TableToChart 是一个 MooTools 脚本，可以将 HTML Table 对象中存储的数据绘制成图表。你可以使用 table 标签生成图表，柱状图，曲线图，圆饼图等。
4. PlotKit
PlotKit 是一个 JavaScript 绘图库，支持 HTML Canvas 标签，也支持 SVG。
5. Yahoo UI Charts Control
YUI Charts Control 可以在网页上将表格数据转换为图表，支持柱状图，曲线图以及圆饼图。支持 DataSource 工具，可设置的轴，鼠标盘旋提示，图表组合，以及皮肤等功能。
6. ProtoChart
ProtoChart 是一个基于 Prototype 和 Canvas 标签的开源库，这个库深受 Flot, Flotr, Plotkit 等启发，支持曲线图，柱状图，圆饼图等，可以在同一个图表上显示多套数据，支持可定制的图例，网格，边界以及背景图。支持 IE6/7, Firefox 2/3 以及 Safari，甚至支持 iPhone.
7. EJSChart
EJSChart 支持鼠标追踪，鼠标事件，按键追踪与事件，缩放，滚动，交互等功能，将用户体验上升到一个新高度。支持曲线图，面积图，离散图，圆饼图，柱状图等形式，拥有完备文档的属性和方法可以帮助实现很好的定制。
8. fgCharting
fgCharting 是一个很出色的 jQuery 插件，支持多种图形。
9. Pure Css Data Chart
以往的数据展示往往通过 flash 实现，现在，我们可以通过纯粹的 CSS 实现类似的功能。CSSGlobe 有一个非常实用的教程帮你实现基于 CSS 的绘图，甚至不需要 JavaScript。
40 个轻量级 JavaScript 库
- 2009年03月5日
流行的 JavaScript 库不胜枚举，jQuery, MooTools, Prototype, Dojo, YUI。这些 JavaScript 库功能丰富，加上它们的插件，几乎能胜任任何工作，然而这是有代价的，这些库往往导致你的网页尺寸臃肿。在某些场合，如果你只想完成特定的工作，可以使用一些功能更专一的轻量库，本文介绍了40个非常出色的轻量级 JavaScript 库。
1. 表单相关
wForms
一个低调的开源项目，简化了绝大多数常用 JavaScript 表单功能，包含可以直接使用的表单验证功能，另外，还包含强大的表单同步以及表单条件判断功能。
Validanguage
又一个低调的 JavaScript 表单验证框架。它拥有集成逻辑，一些设置可以针对全局，单个表单或单个对象。提供两个API，集成 AJAX 支持，缓存，以及回调函数。它提供类似 HTML 的 API 语句，以及面向对象的 JavaScript API 。
LiveValidation
一个轻量的表单验证库。除了传统的验证功能，还提供实时验证，可以一边输入一遍验证。Ruby on Rails 用户可能会发现这个库非常好用，因为他们的命名规则和参数十分近似。该库既有独立版本，又有一个 Prototype 版本。
yav
一个强大，灵活，可扩展的表单验证库。支持各种场合，从简单的如日期，电子邮件地址以及整数的验证，到复杂的，如正则表达式。内置 AJAX 支持，输出的错误消息可以定位到对象级。
qForms
处理表单的整套方案。功能包括各种验证规则，防止多次发布的机制，以及锁定或解锁制定输入框。
formreform
不基于 table 的多栏设计向来是一个挑战。这个微型库将传统的表单变成漂亮的多栏形式。
2. 动画相关
$fx()
一个用来让 HTML 对象运动的轻量库。你可以在一个时间轴上改变任何 CSS 属性，对于复杂动画，你可以将各种效果结合起来，将对象分组，让它们并行运动。
JSTweener
一个生成中间帧的 JavaScript 库，它的 API 类似著名的中间帧引擎 Tweener。你可以指定动画时间，定义切换效果以及时延。在几乎任何点都可以触动事件。
Facebook Animation
一个强大的，用来创建可定制的，基于 CSS 的动画。在 Facebook 动画中，几行代码就可以改善 UI。语法和 FBJS （用于 Facebook 的库）一样。
FX
一个语法类似 YUI 的轻量 JavaScript 库，可以为几乎任何 CSS 属性创建中间帧。支持颜色和滚动动画，为对象设置 to 和 from 值就可以了。
3. 视觉与图形效果
JS charts
支持柱状图，圆饼图以及简单的曲线图。直接将这个库插入网页，然后从 XML 文件或 JavaScript 数组变量调用数据。PNG 格式，兼容所有主要浏览器。
Canvas 3D JS Library (C3DL)
C3DL 使 3D 程序的编写变得简单。提供一套数学，场景与 3D 对象类，可以直接在浏览器中开发 3D 内容，不需要很深的 3D 知识。
Processing.js
这是 Processing 语言在 JavaScript 的移植。2D输出功能丰富。提供了绘图，色彩处理，字体，对象等处理函数。
Rapha?l
一个让人惊叹的 JavaScript 库，可以在 Web 上实现矢量图。使用 SVG, VML 创建的图形可以被更改或绑定事件。功能极其丰富，包括旋转，动画，缩放等。
ImageFX
该 JavaScript 库为图片添加效果，如虚化，锐化，浮雕，加亮等。ImageFX 使用画布对象实现这些效果，兼容所有主流浏览器。这个库非常容易使用，只要将 .js 库文件插入网页，调用那些函数即可。
Pixastic
Pixastic 使用 HTML5 画布对象，允许对原始像素进行操作。效果包括去饱和度，灰度级，反转，亮度，对比度调整，色调，饱和度调整，以及浮雕，虚化等效果。因为用到了 HTML 5 的画布对象，因此还无法兼容所有浏览器。
Reflection.js
一个很低调的 JavaScript 自动实现倒影效果。倒影的高度，透明度可以调整。支持所有主流浏览器，文件尺寸小于5K。
4. 数据库
Taffy DB
一个 JavaScript 库，可以看作浏览器中的 SQL Server，或高级数组管理器。在使用了 AJAX 的程序中，可以用作数据库层，可以创建，读取，编辑，删除数据，使用循环，排序以及高级查询。
ActiveRecord.js
这个库支持 Google Gears 以及 Chrome，Aptana Jaxer, Adobe AIR 以及任何支持 HTML 5 SQL 细则的平台（目前有 Webkit 以及 iPhone）。可以自动创建表，验证和同步数据。
5. 字符串与数学函数
Date.js
和日期打交道不是件容易事，有很多格式要处理。Datejs 可以很好地处理简单或复杂的日期函数。可以将日期解析出诸如“Next thursday”，“+2 years”一类的格式，也支持所有日期形式，如 2009.01.08, 12/6/2001。
Sylvester
一个处理矢量和点阵的数学 JavaScript 库，包含多维矢量和点阵建模类，以及在3D空间的一些模型。
Pretty Date
一个很出色的 JavaScript 库，用一种很漂亮，很友好的方式显示日期，如下图所示。
XRegExp
JavaScript 中的 RegExp 对象已经支持正则表达式，XRegExp 增加了更多未来浏览器可能包含的功能（ECMAScript 4 – ES4）。该库对 RegExp 对象进行缓存，重用并增加了众多新功能。
JavaScript URL Library
一个用来处理 URL 的 JavaScript 库，可以对 URL 中的任意部分进行处理。
6. Fonts
typeface.js
这个库可以让你在网页中使用任意字体，但和 sIFR 以及 FLIR 这些基于 Flash 的方案不一样，typeface.js 100% 基于 JavaScript，只需将你的字体文件上传到一个基于 Web 的生成器那里，再将生成的 JavaScript 文件下载回来包含到网页中即可。
Cufón
和 typeface.js 很相像，Cufón 也可以让你在网页中使用任意字体，同样，它也是使用一个生成器，将字体转换成 VML，将生成的 .js 文件包含到网页即可。
7. 调试与记录
Blackbird
人们经常使用 Alert() 调试 JavaScript 程序，Blackbird 提供了一个漂亮的控制台记录，查看，过滤程序的运行。
NitobiBug
基于浏览器的跨浏览器 javaScript 对象记录与检查工具。
Firebug Lite
目前最好的 JavaScript 调试工具非 Firebug 莫属，然而该工具只支持 FireFox，将 Firebug Lite .js 文件插入你的网页，就可以在所有浏览器都实现 FireBug 功能。
8. 其它
swfobject
这是一个最受欢迎的对 Flash 对象进行引用的方法。可以生成标准 swf 引用代码，并探测用户播放器版本。如果用户版本不支持，会显示备用内容。
sorttable 与 dragtable
不管你喜欢与否，table 仍然是最好的表现数据的方式，但可以更好地利用。sorttable 可以让表格数据排序，只需在 table 上加一个 class=”sortable” 标志，还可以排除指定的栏。dragtable 让表格的栏可以拖动，在表格上加上 class=”dragable” 标志即可，这两个类可以结合起来使用，只需加上 class=”sortable dragtable” 即可。
DD_roundies 与 DD_belatedPNG
DD_roundies 可以不依赖图片实现圆角功能，只面向 IE， 通过 VML 实现，其它浏览器会被略过，因为那些浏览器本身支持 CSS 圆角。
DD_belatedPNG 是为了解决 IE6 对 PNG 支持不好问题而开发的，不管 PNG 图片用于 src 还是 background-image，DD_belatedPNG 都能提供修补。
Custom JavaScript Dialog Boxes
一个只有 4.5K 的轻量 JavaScript 库，可以创建用户定制对话框，可显示4种类型的消息框，alerts, warnings, prompts, success。可以设定消息框标题，内容，以及过多长时间显示。
GameJS
GameJS 是微软的 XNA 游戏框架在 JavaScript 上的移植，使用 canvas 对象作为输出设备。JavaScript 不是最佳游戏平台，但对那些帧率较低的游戏也没有问题。
Shortcuts.js
从 Google Reader 和 Gmail 开始，Web 程序中的快捷键开始流行起来。Shorcuts.js 让快捷键的处理变得简单。
Mapstraction
有不少地图提供商都提供不同 API，如果你要更换提供商，比如从 Google Maps 到 MapQuest，需要更新代码，Mapstraction 提供了常用地图提供商的 API，只需该一行代码就能完成转换。
Amberjack
一个只有 4K 的微型 JavaScript 库，可以为你的网站添加漂亮的教程功能，一个模式窗口会以教程的形式显示任意内容，教程中的步骤可以通过手工编码实现或在线自动生成。可以使用主题或 CSS 控制内容的格式。
JsLoad
JsLoad 可以从 Google server 远程加载各种 JavaScript 库，可以自动加载各种版本的支撑库。
本文国际来源：http://www.smashingmagazine.com/2009/03/02/40-stand-alone-javascript-libraries-for-specific-purposes/
中文翻译来源：COMSHARP CMS 官方网站
JS中对cookie的操作
- 2009年03月1日
function setCookie(key,value)//两个参数，一个是cookie的名子，一个是值
{
var Days = 30; //此 cookie 将被保存 30 天
var exp = new Date();
exp.setTime(exp.getTime() + Days*24*60*60*1000);//设置过期时间
document.cookie = key + “=”+ escape (value) + “;expires=” + exp.toGMTString();//记录cookie
}
function getCookie(key)//取cookies函数
{
var arr = document.cookie.match(new RegExp(“(^| )”+key+”=([^;]*)(;|$)”));
if(arr != null) return unescape(arr[2]); return null;
}
function delCookie(key)//删除cookie
{
var exp = new Date();
exp.setTime(exp.getTime()- 1);
var cval=getCookie(key);
if(cval!=null) document.cookie= key + “=”+cval+”;expires=”+exp.toGMTString();
}
Page 1 of 11