支持模拟对话框类型：

ajax调用：

<a href=”http://nyromodal.nyrodev.com/demoSent.php” class=”nyroModal”>Ajax</a>

ajax调用并支持抽取制定内容：

如果只需要显示页面上某一个元素，那么只需要在请求时把该元素ID号做为锚点加入请求地址中。以下代码只显示demoSent.php中ID号为UserInfo的元素，如果UserInfo不存在，则显示所有内容。

<a href=”http://nyromodal.nyrodev.com/demoSent.php#UserInfo” class=”nyroModal”>Ajax</a>

单张图片显示（会自动缩放图片大小）

<a href=”http://nyromodal.nyrodev.com/img/img2.jpg” class=”nyroModal” title=”3rd Street Promenade”>Image</a>

具体使用方法，请看官方网站的实例。

官方网址：http://nyromodal.nyrodev.com/

 jQuery.Switchable能实现的功能有：

1.TAB切换功能

2.Slide幻灯片功能

3.Scrollable跑马灯

官方网址：http://ilikejquery.com/switchable/

下载地址：http://code.google.com/p/mrzhang/downloads/list

演示地址：http://www.taobao.com

官方网站（演示）：http://ilikejquery.com/EasyInsert/

插件下载地址：http://mrzhang.googlecode.com/files/EasyInsert-4.0.7z

这个插件的主要作用是建立一个简单的方法为屏幕上的内容增加边界样式。

1. 边界样式可以是圆角，简单的边界，褪色的边缘，盒布局等。
2. 使用现有的图片来生成样式，我会完善函数，使在没有图片的情况下也能生成边界样式的。

它有三个可在jquery.js和jquery.divcorners.js加载后调用的函数。

1. 使用 $(expression).dcCreate( object [, boolean] ) 创建布局的实例。
2. 使用 $(expression).dcResize( [boolean] ) 重新调整布局的一个实例。
3. 使用 $(expression).dcClear( [boolean] ) 消除布局的实例。

DivCorners是由jquery.divcorners.js和jquery.divcorners.css构成的，两者必须结合起来使用。

为什么选择 DivCorners?

“jQuery 是一个快速的，简洁的 javaScript 库，使用户能更方便地处理 HTML documents、events、实现动画效果，并且方便地为网站提供 AJAX 交互。 jQuery改变了书写JavaScript的方法。”jQuery.com

这个插件是为了使工作更加简单。 使用 DivCorners可以节约一半时间去完成兼容各种浏览器的预期效果。此插件还修复了IE6下PNG图片透明显示问题。

怎么使用 DivCorners?

$(expression).dcCreate( object [, boolean] )

// This is the maximum definition
  $("div").dcCreate({
      imgPrefix: "/images/",
      fileType: ".gif",
      expand: 4,           // optional
      radius: 0,           // optional, Note: Radius must be greater than expand. See Understand the Parameters
      position: "inside",  // optional
      resize: "img",       // optional
      exclude: "left, top" // optional
  }, true);                // Note: This parameter is optional. By default it's true.
                           // This parameter controls whether parent .dCorner instances will be resized.
 
// This is the recommended definition
  $("div").dcCreate({
      imgPrefix: "/images/dCorner-",
      fileType: ".gif",
      expand: 10
  });

$(expression).dcResize( [boolean] )

// Call this function when the height or width of the container is altered.
  $("div").dcResize(true);
 
// This is the recommended definition
  $("div").dcResize();
 
// Note: This function's parameter is optional. By default it's true.
// This parameter controls whether parent .dCorner instances will be resized.

$(expression).dcClear( [boolean] )

// Call this function to remove any instances.
  $("div").dcClear(true);
 
// This is the constructor definition
  $("div").dcClear();
 
// Note: This function's parameter is optional. By default it's true.
// This parameter controls whether parent .dCorner instances will be resized.

官方网址：http://roydukkey.com/divcorners/

1. 非常小的JS文件，只有1KB
2. 解决因为IE的滤镜属性所带来的影响
3. 无论是img元素或background-image属性都能有很好的效果
4. 在加载页面之前就能自动运行，不需要再为png图片定义任何类名
5. 允许自动高宽
6. 超级简单的应用方法

Unit PNG Fix怎么使用：

1).下载zip 然后,添加下面的代码到你页面的头部（一定要确保路径的正确）

<!--[if lt IE 7]>
        <script type="text/javascript" src="unitpngfix.js"></script>
<![endif]-->

2).添加clear.gif到你的images 文件夹中.在js文件中,修改“var clear=“images/clear.gif” 路径为存放clear.gif的文件路径.

一些注意事项:

Unit PNG Fix能够让background-repeat在ie6下工作，不过这种工作方式不是像正常的repeat图片重复的效果，而是采用了拉伸的效果。

官方网址及下载地址：http://unitinteractive.com/labs/unitpngfix.php

IE PNG Fix 2.0支持以图片方式插入透明png和以CSS背景方式插入透明png。

需要注意的是：

1. images目录的blank.gif透明图片作为png图片的替换,如目录有变请修改iepngfix.htc里blank.gif代码路径
2. iepngfix.htc为IE6所用,本例子以”_”hack作为区分
3. 应用有PNG透明图片的标签,均要读取behavior:url(“iepngfix.htc”)
4. iepngfix方法在背景应用上只能做到background-image的效果, 背景重复坐标调用等暂时实现不了
5. 透明png背景图片会以所在层的宽高度拉伸填充,border计算在层的宽高内

官方网址及下载地址：http://www.twinhelix.com/css/iepngfix/

使用方法：

<!--[if IE 6]>
<script src="DD_belatedPNG.js"></script>
<script>
DD_belatedPNG.fix('.png_bg');
</script>
<![endif]-->

其中:
DD_belatedPNG.js 为文件路径，.png_bg 为需要引用的容器名，如果需要多处引用可以使用如下方法：

DD_belatedPNG.fix('.example1, .example2, img');

其中.example1 和 .example2 为class 选择器，img 就是标签了。

如果需要修复页面上的所有PNG图片，则可以使用

DD_belatedPNG.fix(‘*'); 

官方网站：http://www.dillerdesign.com/experiment/DD_belatedPNG

除了DD_belatedPNG.js之外，我们以前介绍过的IE7.js也可以解决PNG透明图片在IE下不显示的问题。

以下列出validate自带的默认验证

required: “必选字段”,
remote: “请修正该字段”,
email: “请输入正确格式的电子邮件”,
url: “请输入合法的网址”,
date: “请输入合法的日期”,
dateISO: “请输入合法的日期 (ISO).”,
number: “请输入合法的数字”,
digits: “只能输入整数”,
creditcard: “请输入合法的信用卡号”,
equalTo: “请再次输入相同的值”,
accept: “请输入拥有合法后缀名的字符串”,
maxlength: jQuery.format(“请输入一个长度最多是 {0} 的字符串”),
minlength: jQuery.format(“请输入一个长度最少是 {0} 的字符串”),
rangelength: jQuery.format(“请输入一个长度介于 {0} 和 {1} 之间的字符串”),
range: jQuery.format(“请输入一个介于 {0} 和 {1} 之间的值”),
max: jQuery.format(“请输入一个最大为 {0} 的值”),
min: jQuery.format(“请输入一个最小为 {0} 的值”)

贴举个简单的例子：

$('#EditView').validate({
              event: "keyup",
              rules:{
                  name:{required:true},
                  cosa_commodity_group_list:{required:true}
              },
              submitHandler:function(){
                  $("#group_list > option").attr("selected","selected");
                  $(this).submit();
              }
});

1.event是触发校验的方式，可选值有keyup(每次按键时)，blur(当控件失去焦点时)，不使用这个参数时就只在按提交按钮时触发。

2.如果在提交前还需要进行一些自定义处理使用submitHandler参数。

3.debug，如果这个参数为true，那么表单不会提交，只进行检查，用于调试状态。

4.rules，所有的检验规则都写在这个参数里面.

格式为：ID : {rule1,rule2,…}

          (1) required: true  必输
          (2) number: true 只能输入数字(包括小数)
          (3) digits:true 只能输入整数
          (4) minValue: 3 不能小于3
          (5) maxValue: 100 最大不超过100
          (6) rangeValue:[50,100] 值范围为50-100
          (7) minLength: 5 最小长度(汉字算一个字符)
          (8) maxLength: 10 最大长度(汉字算一个字符)
          (9) rangeLength:[5,10] 长度范围为5至10位(汉字算一个字符)
          (10) 上面的minLength, maxLength, rangeLength 这三项除了text input之外还可以用于checkbox,select这两种控件
          (11) email:true 电子邮件
          (12) equalTo: “#field” 与#field值相同
          (13) dateISO:true 日期型，格式为2012/02/12   2010-1-14

5.messages，自定义错误信息，格式与rules类似：

messages {
          password: {
              required: "请输入您的密码."
              minLength: "密码不能小于6位.",
              maxLength: "密码不能长于32位."
          },

官方网址：http://bassistance.de/jquery-plugins/jquery-plugin-validation/

目前支持的浏览器：IE6+IE6+, WebKit Browsers (Safari, Chrome), Firefox 2+（其中需要注意的是IE6需要设置输入框的label的颜色）

需要注意的是：浏览器自动填充表单会照成错误，对于火狐和Chrome可以在input elements设置autocomplete=”off” 。

官方网址及演示：http://fuelyourcoding.com/scripts/infield/

BlockUI以在DOM中添加元素的方法来实现阻止用户与浏览器交互的外观和行为。

这个jQuery插件的主要用于是防止用户多次提交表单，及在提交后显示一个等待页面（或提示信息）。

官方网址：http://malsup.com/jquery/block/#overview