jquery

jQuery：收集一些基于jQuery框架开发的控件(jquery插件)

jQuery：收集一些基于jQuery框架开发的控件/jquery插件
Coda Popup Bubbles
采用jQuery开发，类似“冒泡”效果的提醒弹出框。
主页:/coda-popup-bubbles/
下载:/coda-popup-bubbles/ （没找到）
示例:/demo/coda-bubble.html

Simple Effects Plugins
jQuery特效插件，可以实现收缩，隐藏，显示，淡入/淡出和上下滑动效果等．
主页:/2008/02/simple-effects-plugins
下载:/2008/02/simple-effects-plugins （没找到）
示例:/2008/02/simple-effects-plugins

mcDropdown jQuery Plug-in
mcDropdown是一个独特的UI控件，它能够让用户在一个复杂分级的树形下拉选项中进行选择。
主页:/labs/mcdropdown_jquery_plugin.htm
下载:/labs/downloads/jquery.mcdropdown.zip
示例:/labs/mcd

jQuery：收集一些基于jQuery框架开发的控件(jquery插件)

jQuery：收集一些基于jQuery框架开发的控件/jquery插件
Coda Popup Bubbles
采用jQuery开发，类似“冒泡”效果的提醒弹出框。
主页:/coda-popup-bubbles/
下载:/coda-popup-bubbles/ （没找到）
示例:/demo/coda-bubble.html

Simple Effects Plugins
jQuery特效插件，可以实现收缩，隐藏，显示，淡入/淡出和上下滑动效果等．
主页:/2008/02/simple-effects-plugins
下载:/2008/02/simple-effects-plugins （没找到）
示例:/2008/02/simple-effects-plugins

mcDropdown jQuery Plug-in
mcDropdown是一个独特的UI控件，它能够让用户在一个复杂分级的树形下拉选项中进行选择。
主页:/labs/mcdropdown_jquery_plugin.htm
下载:/labs/downloads/jquery.mcdropdown.zip
示例:/labs/mcd

1. 左上角点击弹出菜单

原图：

点击图片：

2. 最近的星期天

原图：

3. 使用jQuery变换页面的背景，效果如图：

原图： 鼠标移动点击之后：

4. 制作4个单选框，点击其中一个的时候，弹出他的字，效果如图：

原图： 点击按钮之后图片：

5. 制作一个文本域，要求只能输入100个字符，效果如图：

原图：

6. 自由设定图片大小

原图：点击《View Image》按钮之后显示： 7. 自动增加表格内容

原图：

点击增加一个后图片：

8. 自动延长的输入框

原图： 不停输入文本，Text文本框不断增加：

9. 特定区域的颜色控制

原图：

点击一个颜色之后的图片：

10. 复述输入的文字

原图： 在《你的原文》这里输入，然后下面《我的复述》自动打出，如图：

11. 数学计算游戏

原图：点击《新游戏》全部清空

点击《开始》，如图： 由玩游戏的用户《在这里写答案》，效果如图：点击《提交答案》，判断答案是否正确，如图：

正确： 错误：

当《剩余时间》到0的时候，结束游戏，如图：

注：只有写答案的文本框可以由用户输入，其他的均只读。

12. 制作一个日历

原图：

13. 鼠标右键新效果

原图，点击鼠标右键出现：

在其他地方

<%@ page language=\ contentType=\charset=utf-8\

pageEncoding=\%>

\>

href=\>

onclick=\dAll'); return false;\>Expand all

onclick=\pseAll'); return false;\>Collapse all

NameKindSize

class='file'>Acknowledgements.rtfFile480.95 KB

class='folder'>CHUDFolder--

class='folder'>amberFolder--

class='file'>AmberTraceFormats.pdfFile124.46 KB

class='folder'>BigTopFolder--

class='file'>BigTopUserGuide.pdfFile<

/td>1314.71 KB

class='folder'>SaturnFolder--

class='file'>SaturnUserGuide.pdfFile694.29 KB

class='folder'>SharkFolder-

1. 左上角点击弹出菜单

原图：

点击图片：

2. 最近的星期天

原图：

3. 使用jQuery变换页面的背景，效果如图：

原图： 鼠标移动点击之后：

4. 制作4个单选框，点击其中一个的时候，弹出他的字，效果如图：

原图： 点击按钮之后图片：

5. 制作一个文本域，要求只能输入100个字符，效果如图：

原图：

6. 自由设定图片大小

原图：点击《View Image》按钮之后显示： 7. 自动增加表格内容

原图：

点击增加一个后图片：

8. 自动延长的输入框

原图： 不停输入文本，Text文本框不断增加：

9. 特定区域的颜色控制

原图：

点击一个颜色之后的图片：

10. 复述输入的文字

原图： 在《你的原文》这里输入，然后下面《我的复述》自动打出，如图：

11. 数学计算游戏

原图：点击《新游戏》全部清空

点击《开始》，如图： 由玩游戏的用户《在这里写答案》，效果如图：点击《提交答案》，判断答案是否正确，如图：

正确： 错误：

当《剩余时间》到0的时候，结束游戏，如图：

注：只有写答案的文本框可以由用户输入，其他的均只读。

12. 制作一个日历

原图：

13. 鼠标右键新效果

原图，点击鼠标右键出现：

在其他地方

jQuery验证框架

Html代码

1. 3.

8.

此文谨以以上js片段开始介绍jQuery Validation。 验证从这个方法开始：validate( [options] ) 一、可选项( options )

[1] debug 类型：Boolean 默认：false

说明：开启调试模式。如果为true，表单不会提交，而且会在控制台显示一些错误消息（需要Firebug或者Firebug lite）。当要阻止表单默认提交事件，尝试去开启它。 Js代码

1. $(\2. debug: true 3. })

[2] submitHandler 类型：Callback 默认：default (native) form submit

说明：当表单通过验证，提交表单。回调函数有个默认参数form Js代码

1. $(\

2. submitHandler: function(form) { 3. // do other stuff for a valid form 4. form.submit();

5. } 6. })

[3] invalidHandler 类型：Callback

说明：当未通

JQuery 入门1.JQuery特点： 1.JQuery特点： 短小精悍(19k),接口设计得精妙(自然语言的风格) 短小精悍(19k),接口设计得精妙(自然语言的风格),与 程序思路配合精密。极大限度地体现了javascript的特性。 程序思路配合精密。极大限度地体现了javascript的特性。 1.1 轻量级(19k) 轻量级(19k) jqueryjquery-1.3.2.min.js 19 56k jqueryjquery-1.3.2.js 4337 118k 1.2 支持xpath查询，dom1-3,轻松选择需要的元素； 支持xpath查询，dom11.3 css支持；简单的动画实现，支持自定义动画； css支持；简单的动画实现，支持自定义动画； 1.4 跨浏览器 1.5 支持插件开发，现有插件多； 1.6 拥有官方UI程序供使用，效果好。 拥有官方UI程序供使用，效果好。 (http://www.77cn.com.cn/home) 1.7 DHTML DOM选择器与链式语法 DOM选择器与链式语法 $(“p.surprise”).addClass(“ohmy”).show(“slow”);

JQuery 入门2.JQuery是

JQuery图片轮播（类似flash）

效果图：

以下为完整代码

*********************************************************************