版权声明：作者原创，转载请注明出处！编写插件的两种方式: 1.类级别开发插件(1%) 2.对象级别开发(99%)类级别的静态开发就是给jquery添加静态方法，三种方式 1.添加新的全局函数 2.使用$.extend(obj) 3.使用命名空间类级别开发插件（用的非常少，1%） 分别举例：//1.直接给jquer添加全局函数 jQuery.myAlert=function (str) {alert(str); };//2.用extend()方法。extend是jquery提供的一个方法，把多个对象合并起来，参数是ob...
这个插件包含三个部分：HTML结构、CSS代码和JS代码。HTML结构是固定的，结构如下： 1<!--全屏滚动--> 2<div class="fullpage-container"> 3<div class="fullpage-pagebox"> 4<div id="fullpage-page1" class="fullpage-page-vertical"><h1>1</h1></div> 5<div id="fullpage-page2" class="fullpage-page-vertical"><h1>2</h1></div> 6<div id="fullpage-page3" class="fullpage-page-vertical"><h1>3</h1></div> 7<div id="fullpag...
//插件代码;(function($){$.fn.extend({"alterBgColor":function(options){options = $.extend({"odd":"odd",//偶数行的class"even":"even",//奇数行class"selected":"selected"//被点击行class},options);//传入的class参数替换默认的class设置 console.info(options)$("tbody tr:odd").addClass(options.odd);//偶数行设置class$("tbody tr:even").addClass(options.even);//奇数行设置class$("tbody tr").click(func...
用jquery开发插件其实很简单。今天实现了一个入门级别的功能。 随便来个DIV，便于理解。 div{height:100px;width:100px;display:block;background:#f00;border-radius:50%;text-align:center;}这个玩意的功能也很常见，CSS3的旋转，鼠标放上去他能转，度数，速度都是参数。坦白将这个项目没多大卵用，CSS hover就能实现，虽然多了会写的麻烦，毕竟练手项目，第一个插件，不能要求太高。上代码： 1 <script type="text/javascri...
方案一：如果 项目里不是只是个别页面 有多个name 验证，那么利用 prototype 来写，把这段代码加在你所要使用多个name的页面 的js初始化里 即可 if ($.validator) { $.validator.prototype.elements = function () { var validator = this, rulesCache = {}; // select all valid inputs inside the form (no submit or reset buttons) return $(this....
jquery.cookie.js插件 轻量级cookie管理1°下载地址：http://plugins.jquery.com/cookie/2°引入方式：(基于jquery) <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="js/jquery.cookie.js"></script> 3°调用方式： 1）//新增cookie： $.cookie(‘cookieName‘, ‘cookieValue‘); 注：如果没有设置cookie的有效期，则cookie默认在浏览器关闭前都有效...
自己基于豆瓣FM的ui仿写qq音乐时，基于Jquery手写的进度条插件，效果图如下： 主要特色： ① 可自适应挂载元素的宽度，也可以自己设置进度条宽度； ② 支持部分默认参数修改（具体见使用说明）； ③ 允许最大时间为23:59:59，高于此值将默认修改为此值； ④ 可以自己控制进度条动画的开关及重置； ⑤ 可以获取进度条当前时间和宽度，与H5的audio标签协调使用。 使用说明：/** 功能描述：...
7.2 jQuery 表单插件 ----- Form7.2.1 Form 插件简介jQuery Form 插件是一个优秀的 Ajax 表单插件，可以非常容易地、无侵入地升级 HTML 表单以支持 Ajax。jQuery Form 有两个核心方法----- ajaxForm() 和 ajaxSubmit() 。它们集合了从控制表单元素到决定如何管理提交进程的功能，另外，插件还包括其他一些方法： formToArray() / formSerialize() / fieldSerialize() / clearForm() / clearFields() 和 resetForm() 等等。原文：h...
jQuery如此流行，各式各样的jQuery插件也是满天飞。你有没有想过把自己的一些常用的JS功能也写成jQuery插件呢？如果你的答案是肯定的，那么来吧！和我一起学写jQuery插件吧！ 很多公司的前端设计开发人员都是女孩子，而这些女孩子很多JavaScript技能都不是很好。而前端开发过程中，JavaScript技能又是必不可少的。所以，如果前端小MM正在为某个JavaScript效果发愁的时候，你潇洒的过去，然后对她说：“嗨，美女，用这个吧。这是我写...
5月3日，Julian在其GitHub上发布了Velocity.js。Velocity.js是一款动画切换的jQuery插件，它重新实现了jQuery的$.animate()方法从而加快动画切换的速度。Velocity.js只有7k的大小，它不仅包含了$.animate()的所有功能，并且还包含了颜色切换、转换(transform)、循环、缓动、CSS切换、Scroll功能，它是jQuery、 jQuery UI、CSS变换 在动画方面的最佳组合。Velocity.js支持IE8+、Chrome、Firefox等浏览器，并支持Andriod以及IOS。Vel...
背景：webform或者mvc下实现插件快速分页ps：我这里用的mvc开发的，数据库连接。用的ADO.NET实体数据模型此案例下载地址（内含需要用到的一个插件与数据库）：http://download.csdn.net/detail/u011597071/9384578效果图：1.需要加载的框架1 @*加载jquery框架*@ 2<script src="~/Scripts/jquery-1.8.2.min.js"></script>3 @*加载Tmpl分页控件*@ 4<script src="~/Scripts/jquery.tmpl.min.js"></script>4.需要添加的类： 1pub...
前段时间用到jquery上传插件uploadify时，始终出现系统报出 http error 302 的错误。网上大量搜集信息，基本上都是说session值丢失的问题，根据网友提供的解决方案进行修改，问题并没有解决。因此，不排除这是解决302错误的解决方法之一，但是我接下来提出另一解决方案，考虑到异步传输的问题，供大家参考(反正我是成功了)。首先是uploadify初始化：$(function() { $(‘#projectfile‘).uploadify({ ‘swf‘...
Uploadify是JQuery的一个上传插件，实现的效果非常不错，带进度显示。不过官方提供的实例时php版本的，本文将详细介绍Uploadify在Aspnet中的使用，您也可以点击下面的链接进行演示或下载。官方下载官方文档官方演示首先按下面的步骤来实现一个简单的上传功能。1 创建Web项目，命名为JQueryUploadDemo，从官网上下载最新的版本解压后添加到项目中。2 在项目中添加UploadHandler.ashx文件用来处理文件的上传。3 在项目中添加UploadFi...
1.表单验证插件Validation 2.表单插件Form 3.动态事件绑定插件livequery可以为后来的元素绑定事件 类似于jQuery中的live()方法 4.jQuery UI 5.jQuery Cookie 6.遮罩层插件:thickbox 7.编写jQuery插件<1>编写插件的目的：给已经有的一些列方法或函数做一个封装，一遍在其他地方使用，方便后期维护和提高开发效率。 <2>三种类型的插件a:封装对象方法的插件 jQuery.fn.extend()b:封装全局函数的插件 jQuery.extend()c:选择器插...
三、Ajax跨域请求——jsonp技术1、Ajax跨域请求原理图2、Ajax跨域请求不被允许的原因l Ajax技术由于受到浏览器的限制，该方法不允许跨域通信。 l 同源策略阻止从一个域上加载的脚本获取或操作另一个域上的文档属性。也就是说，受到请求的 URL 的域必须与当前 Web 页面的域相同。这意味着浏览器隔离来自不同源的内容，以防止它们之间的操作。 3、jsonp协议jsonp就是一个非官方协议，主要用于解决Ajax的跨域请求问题 面试题：json与j...