itmyhome的专栏

以下代码进行对jQuery Validation的简单演示包括必填项、字符长度，格式验证一、引入文件二、声明HTML片段

插件描述jQuery GoUp!是一个简单的jQuery插件,让你的网页用户直接回到顶部。使用方法非常简单引用jquery库和jquery.goup.min.js到你的页面

概述jQuery Form Plugin能够让你简洁的将以HTML形式提交的表单升级成采用AJAX技术提交的表单。插件里面主要的方法, ajaxForm和ajaxSubmit,能够从form组件里采集信息确定如何处理表单的提交过程。两个方法都支持众多的可选参数，能够让你对表单里数据的提交做到完全的控制。入门指导一、在你的页面里写一个表单。一个普通的表单，不需要任何特殊的标记： 姓名: 邮箱：

一、Headroom.js是什么？Headroom.js是一个轻量级、高性能的JS小工具(不依赖任何工具库！)，它能在页面滚动时做出响应。此页面顶部的导航条就是一个鲜活的案例,当页面向下滚动时,导航条消失,当页面向上滚动时,导航条就出现了。二、Headroom.js有什么用？固定页头(导航条)可以方便用户在各个页面之间切换。但是这也会带来些问题…大屏幕一般都是宽度大于高度的,也就是说屏幕高度要少一

Grumble.js是一个jQuery插件可用于创建球形汽泡Tooltips。Grumble.js采用淡入/淡出的效果展示，可以设置成自动消失或一直显示直到被关闭为止。Tooltips显示的位置可灵活自动变幻,360度全方位无死角，无残留。还能指定任意距离，应用任意CSS样式。这个插件还提供一些回调方法如：onShow、onBeginHide和onHide等。使用方法：一、引入必需文件目

使用方法：首先下载插件：http://manos.malihu.gr/jquery-custom-content-scroller/一、HTML引入以下文件link rel="stylesheet" href="/jquery.mCustomScrollbar.css" />script type="text/javascript" src="js/jquery-1.11

HTML5视频扩展插件可以添加Logo添加标记使用方法：下载：jquery-video-extend"js/jquery-2.1.4.min.js">script>script src="js/jquery.video-extend.js">script>$(document).bind('ready',function() { $("#vid

jQuery拖动调整表格列宽度-resizableColumns实现鼠标可拖动调整表格列宽度<script src="/js/jquery-1.8.0.min.js" type="text/javascript"></script><script src="/js/store.js" type="text/javascript"></script><script src="/js/jquery.resizableColumns.js" type="text/javascript"></script>

使用方法：一、引入<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script><script type="text/javascript" src="layer/layer.js"></script>二、BODY<button id="layer">Click me</button>三、JS<script type="t

最基本的例子引入JSscript src="js/jquery-1.8.0.min.js" type="text/javascript">script>script src="js/colResizable-1.6.js" type="text/javascript">script>TABLEtable class="table table-bordered">th

插件描述跳房子是一个框架,使开发人员可以轻松预览产品并添加到他们的网页跳房子接受JSON对象作为输入,并提供开发人员来控制渲染巡演显示和管理的游览进度的API。使用步骤要使用跳房子框架上手,只需包括hopscotch.css和hopscotch.js您的网页上。这将加载跳房子对象到全局的window对象。1、引入文件

插件描述Textarea Fullscreen是一个jquery插件,可以将textarea设置为全屏模式使用方法引用jquery.js,jquery.textareafullscreen.js和textareafullscreen.css

这是一款非常酷的jQuery实现的Bootstrap插件,允许输入用户字符数.它可以让你显示字符用户插入的最大长度。1、引入jquery.js及bootstrap-maxlength.js$(function(){ $('#name').maxlength({ alwaysShow: true }); $('#address').maxlength({ alwaysShow: true });

jQuery表格排序组件-tablesorter一、引入文件<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.tablesorter.js"></script> <!-- 引入以下样式则表头出现排序图标，同时引入图片 --><link href="css/style.css" rel="stylesheet" type="text/cs

上一个例子我们是统一引用jquery.validate.js这样所有必填字段的提示信息都将是This field is required.现在要改成动态提示，比如姓名如果为空则提示姓名不能为空，密码如果为空则提示密码不能为空。这次我们将校验规则写在代码里首先还是先引入文件

一、官网下载jquery，和jquery validation plugin http://jqueryvalidation.org/二、引入文件三、接下来,声明下面的HTML片段 姓名: 密码: 通过以上代码，大家会发现我们对于每一个input都加上了class="required" 他的作用就是在这个inpute标签为空时会提示用户出错。四、最后我们要为我们的框架找到一个切入点 $

Cycle是一个很棒的jQuery图片切换插件,提供了非常好的功能来帮助大家更简单的使用插件的幻灯功能Cycle插件可以作用于页面中的任何一组同辈元素。为展示这一点,我们需要一个简单的HTML文档,文档中是一个包含商品封面和相关信息的列表,可以添加到HTML文档的主体中：

jQuery API提供了简单的动画效果如淡入淡出以及自定义动画效果，而今天我给大家分享的是一款jQuery动画效果扩展增强插件jquery.easing.js，使用该插件可以实现直线匀速运功、变加速运动、缓冲等丰富的动画效果。jQuery Easing是一款比较老的jQuery插件，在很多网站都有应用，尤其是在一些页面滚动、幻灯片切换等场景应用比较多。它非常小巧，且有多种动画方案供选择，使用

下面介绍一款jquery图片播放插件叫Fancybox，项目主页地址：http://fancybox.net/Fancybox的特点如下：1、可以支持图片、html文本、flash动画、iframe以及ajax的支持2、可以自定义播放器的CSS样式3、可以以组的形式进行播放，导航的按钮（上一项，下一项）4、如果将鼠标滚动插件（mouse wheel plugin）包含进来的话Fancybox还能支持鼠标滚轮滚动来翻阅图片5、Fancybox播放器支持投影，更有立体的感觉

Skippr是一款带左右箭头,索引按钮,滑动切换效果并且轻量、快速的幻灯片设置引入jquery.skippr.css、jquery.js、jquery.skippr.js 注意jQuery必须在jquery.skippr.js之前 创建DIV元素,div标签内添加background-images样式 启动选择目

简单演示一下，精简了演示效果和css样式文件，更利于在项目中的实际应用然后将style.css、index.js和index.html放在同一路径下 用chrome或Firefox打开index.html即可不支持IE浏览器

jQuery插件开发方式主要有三种：1、通过$.extend()来扩展jQuery2、通过$.fn 向jQuery添加新的方法3、通过$.widget()应用jQuery UI的部件工厂方式创建通常我们使用第二种方法来进行简单插件开发，说简单是相对于第三种方式。第三种方式是用来开发更高级jQuery部件的，而第一种方式又太简单，仅仅是在jQuery命名空间或者理解成jQuery