用jquery编写的tab插件 源码$.fn.ss_tab = function (options) {var box = $(this);var btns = $(this).find("ul:first > li"); //console.log($(btns).length);var contents = $(this).find("ul").eq(1).children("li"); //console.log($(contents).length);$(btns).eq(0).addClass("active");$(contents).hide();$(contents).eq(0).show();$(this).find("ul:first > li").click(function () {$(this).addClass("active").sibling...
参考:http://blog.csdn.net/salc3k/article/details/72863381、首先要将插件代码包裹在(function($){/*代码从这里开始*/})(jQuery);代码解释:(function(){})(),这句代码指的是创建一个匿名函数function(){}并立即执行, 并在参数中传入了jQuery对象,所以在代码中你就可以“$”使用jQuery对象,将代码放入匿名函数中的目的:在函数中定义的变量是局部变量,不会与全局变量冲突。2、添加插件添加插件通过$.fn.changeColor = funct...
jQuery Validation插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。一、下载插件下载地址:https://jqueryvalidation.org/二、使用引入js文件:<script src="jquery-1.11.3.min.js"></script>
<script src="jquery.validate-1.13.1.js"></script>js代码:$("form").validate(//配置项
);三、API1、rules:定义校验规则rules:{first_word_input:{required:true},bran...
插件名称-cloud carousel最新版本-1.0.5支持ie6-ie9,firefox,chrome,opera,safari等1。引入jquery1.4.2.js 和CloudCarousel.1.0.5.js2。添加页面自动加载插件js代码,进行初始化$(document).ready(function(){ // 这初始化容器中指定的元素,在这种情况下,旋转木马. $("#carousel1").CloudCarousel({ xPos:450, yPos:110, buttonLeft: $(‘#but1‘), buttonRight: $(‘#but2‘), ...
今天给大家分享一款页面视差滚动切换jquery.localscroll插件。 滚动鼠标液动条看下页面的切换效果。该插件适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。效果图如下:在线预览???源码下载实现的代码。html代码:
[html]?view plaincopyprint??<div?class="pageWidth"?id="box_root">??????????<!--?头部导航开始?-->??????????<div?id="nav">??????????????<a?href="index.html"?title="返回引导页...
本文链接:http://bookshadow.com/weblog/2014/09/26/jquery-blockui-js-introduction/jQuery遮罩插件jQuery.blockUI.js简介原文:http://www.cnblogs.com/keyi/p/6364559.html
Easy Slider 是一个滑动幻灯片插件,支持任何图片或内容,可以实现横向或纵向滑动。它拥有一系列丰富的参数设置,可通过CSS来进行完全的控制。基本上只需要引入这个插件后,设置好内容,然后样式化CSS就可以自定义了。小编这里用来做了轮播图,首先将其下载好。习惯性下载最新版1.7。下载到的是压缩包,解压之。发现有三个不同样式的html页面。打开第一个:图片有问题,不知道怎么办。一般情况只会刷新浏览器,没有变化,心里烦躁,...
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 < (...
一、这是什么样的一个插件浏览器默认的右键选项有时候并不是我们所需要的,我们希望浏览器的右键选项菜单更智能,可以灵活自定义。比较有代表性的就是web QQ,例如下面截图:QQ邮箱中也是有此功能。显然这种东西貌似还是蛮强大与实用的,于是我就抽空写了个可以右键自定义上下文菜单的jQuery插件 –
smartMenu,直接一行代码绑定,就可以让我们轻松实现页面元素的自定义上下文功能。至于具体如何实用与绑定,就是本文的的主要内容...
Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程。测试环境:部署到Tomcat中的web项目。本文演示的是:jQuery form插件的使用--ajaxForm()和ajaxSubmit()的可选参数项对象 ajaxForm()和ajaxSubmit()的可选参数项对象 ajaxForm 和 ajaxSubmit 都支持大量的可选参数,它们通过可选参数项对象传入。可选参数项对象只是一个简单的 JavaScript对象,里边包含了一些属性和一些值:target用server...
因为项目中需要做报表的功能,于是学习了如何使用jqplot这个绘图插件结合ajax技术,动态交互后台数据前前后后花了三四天的时间。感觉它会出来的想说还可以。我的后台模板是bootstrap,在模板中有jqplot的模板,我查看了源代码。修改了源代码就形成了现在的东西, 1 <script>2/* 3 Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.2.04 Version: 1.4.05 ...
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...
Jquery进度条插件 Progress Bar插件应用方法搞的我小纠结了一会,最后感谢同事分享文章,得以结局,呵呵,小经验还是要保存的个人使用总结:<script type="text/ 网页特效" src="/Scripts/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="/Scripts/Method/jquery.progressbar.min.js"></script>【Progresbar插件很重要】 <script type="text/javascript"> $(document).ready(function () { ...
其实Ztree官网已经有详细的API文档,一切以官网上的说明为准,我在此只是结合实践总结几条常用的ztree的功能特性. (ztree的语法结构是基于key-value的形式配置) 1:支持异步加载数据 语法配置:async: {enable: true, url:‘abc.ashx‘,otherParam: { "request": "requestname" }} 简要说明: enable :设置 zTree 是否开启异步加载模式. url:Ajax 获取数据的 URL 地址. otherParam:Ajax 请求提...
啥也不说了,上代码:/*** 扩展了jQuery cookie*/
jQuery.cookie = function(name, value, options) {if (typeof value != ‘undefined‘) { options = options || {};if (value === null) {value = ‘‘;options = $.extend({}, options); options.expires = -1;}var expires = ‘‘;if (options.expires && (typeof options.expires == ‘number‘ || options.expires.toUTCString)) {var date;if (typeof options.expires == ‘...