1?? 简介fullPage.js 是一个基于 jQuery 的插件，它能够很方便、很轻松的制作出全屏网站，主要功能有：支持鼠标滚动支持前进后退和键盘控制多个回调函数支持手机、平板触摸事件支持 CSS3 动画支持窗口缩放窗口缩放时自动调整可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等2?? 兼容性jQuery 兼容兼容 jQuery 1.7+。浏览器兼容3?? 使用方法1、引入文件css部分 <link rel="stylesheet" href="jquery.fullPage...
引言开发中，有好多地方用到联动菜单，以前每次遇到联动菜单的时候都去重新写，代码重用率很低，前几天又遇到联动菜单的问题，总结了下，发现可以开发一个联动菜单的功能，以后想用的时候就方便多了。项目中每个页面都有引用jQuery，，开发个jQuery联动菜单插件，说动手就动手，下面跟大家分享分享。我用的jQuery插件方式(function($){$.fn.casmenu=function(argvs){//your code } })(jQuery);其中jQuery传入的是jquery对象，需...
参考:http://blog.csdn.net/salc3k/article/details/72863381、首先要将插件代码包裹在(function($){/*代码从这里开始*/})(jQuery);代码解释：(function(){})()，这句代码指的是创建一个匿名函数function(){}并立即执行， 并在参数中传入了jQuery对象，所以在代码中你就可以“$”使用jQuery对象，将代码放入匿名函数中的目的：在函数中定义的变量是局部变量，不会与全局变量冲突。2、添加插件添加插件通过$.fn.changeColor = funct...
1.jquery创建插件jQuery.extend({插件名：函数体，插件名：函数体})；html部分<div id="div1">开始动画</div> jquery部分$(function(){$("#div1").click(function(){$(this).animate({"left":800},6000,"easeOutBounce",function(){$(this).html("动画结束");});});});插件部分jQuery.extend(jQuery.easing, {easeOutBounce: function(x, t, b, c, d){if ((t /= d) < (1 / 2.75)){return c * (7.5625 * t * t) + b;}else if (t < (...
jQuery注册方法的两种常用方式：//jQuery静态方法注册 //调用方法$.a1()$.extend({a1: function () {console.log("a1");} }) //jQuery插件方法注册 //调用方法$("#col").b1()$.fn.extend({b1: function () {console.log("b1");} })将ajax返回的数据自动绑定到form表单中的插件，常用语修改等业务，源码如下：/* flagName:标识绑定字段元素的属性，如data-bind是寻找绑定字段的属性：<input data-bind=‘Time‘ type=‘text‘ /> js...
其实Ztree官网已经有详细的API文档，一切以官网上的说明为准,我在此只是结合实践总结几条常用的ztree的功能特性. （ztree的语法结构是基于key-value的形式配置） 1：支持异步加载数据 语法配置：async: {enable: true, url:‘abc.ashx‘,otherParam: { "request": "requestname" }} 简要说明: enable :设置 zTree 是否开启异步加载模式. url:Ajax 获取数据的 URL 地址. otherParam:Ajax 请求提...
一、介绍1-1、jQuery.Cookie.js插件是一个轻量级的Cookie管理插件。下载地址：jQuery-cookie.js 有需要的朋友，右键另存为即可！二、使用方法2-1、引入jQuery及jQuery.Cookie.js插件。<script src="jQuery.x.x.x.js" type="text/javascript"></script><script src="jquery.cookie.js" type="text/javascript"></script>注：jQuery文件引入要在插件jquery.cookie前，因为jquery.cookie插件依赖jquery 类库！ 2-2、函数属性简介 ...
<!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <style> img{border:0px;font-size:0;} .banner{position:relative;width:960px;height:170px;overflow:hidden;margin:1px auto;} .mybox{ height: 100%;width: 200%;overflow: hidden;position: absolute;right: 0;top: 0;} .mybox .fPics{position:relative;float:right;height:100%;width:39%;background:#F3F9F8;} ...
区分开 Dom 对象，jQuery Dom对象， Json数据。Dom对象是诸如： document.getElementById 返回的原生Dom对象。jQuery Dom对象，如：$("#Id")，它是一个jQuery数组。Json数据，是{}对象，可用于参数对象，或 jQuery插件内部对象。 1. 每个jQuery插件，仅占用一个jQuery扩展方法，其它方法通过参数传递。如：创建一个插件： $("dom").TextHelper(p);其它方法： $("dom").TextHelper("show");2.可以重复使用扩展方法如 $("dom").Text...
基于jQuery的对select操作的插件有不少，jQuery插件selectList可以用于替换标准的HTML 多选 select 标签，它提供一个漂亮并且更加友好的界面，在IE和非IE内核浏览器上表现基本一致，除了IE6下重复项不能变成灰色的，当然功能表现都是一致的。当用户从下拉列表中选一个项目时，被选中的项目将在控件下方显示，而且还可以删除，被选中的项目不能重复选择。插件用于需要多项选择的地方还是不错的，当然如果select能够美化下会更好了，...
方式1：$.fn.extend(object)<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>01-jQuery对象进行方法扩展</title> <script src="../js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> //定义jquery的对象插件 $.fn.extend({ //定义了一个checkFn方法，所有的jq对象都可以使用该方法 check:function(){ ...
一.HTML代码：<div class="demo"><div id="box"><div id="small-box"><div id="float-box"></div><img src="../images/bimg_big.jpg"/></div><div id="big-box"><img src="../images/bimg_big.jpg"/></div></div></div>在div demo中存放两个div,其中small-box用来存放小图片和放大镜区域，big-box用来存放大图片。而放大图片的原理就是以小图片上的放大镜的位置，来定位大图片的移动和显示部分区域，来达到放大的效果。二.js代码1....
http://www.imooc.com/code/3403如果jQuery没有插件接口的设计，那么他就像个光杆司令没有兵，就是没有手下，只有自己一个封闭的城堡。因此jQuery城堡需要设计一个大门 - 插件接口，从而打开大门开始招兵买马。当然jQuery除了获得“开发者社区”的大力支持外，也有很多大公司纷纷对它投出了橄榄枝，这也是它成功的关键。 基于插件接口设计的好处也是颇多的，其中一个最重要的好处是把扩展的功能从主体框架中剥离出去，降低了...
经过上次的尝试，已初步掌握jquery插件的写法，下面为模拟jquery UI插件的效果：html:<!DOCTYPE html> <html><head><meta charset="utf-8"/><meta content="width=device-width, initial-scale=1.0,minimun-scale=1.0 maximum-scale=1.0, user-scalable=no" name="viewport"/><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"/><title>jquery menu插...
一、jQuery.validate.js插件用于对表单输入进行验证，其使用配置非常简单。支持多事件触发，自带多种验证规则，还支持自定义验证规则。 1、配置方法。 先导入jQuery库，然后导入Validate插件，如果是中文提示还需要导入messages_zh.js。 注意Validate的导入要在jQuery库之后。代码如下： <script src="jQuery.1.8.3.js" type="text/javascript"></script><script src="jquery.validate.js" type="text/javascript"><...