本文链接: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 == ‘...
toastr是一个基于jQuery简单、漂亮的消息提示插件,使用简单、方便,可以根据设置的超时时间自动消失。相关文件到官网去下载即可1、引入toastr的js和css文件1 <link href="/toastr/build/toastr.css" rel="stylesheet">
2 <script src="/toastr/build/toastr.min.js"></script>2、初始化toastr(此处是自定义)toastr.options = { closeButton: false, //是否显示关闭按钮(提示框右上角关闭按钮)debug: false, //是否为调试;...
提交表单的2种方式 // ajaxForm $("#form1").ajaxForm(options); // ajaxSubmit $("#btnAjaxSubmit").click(function () { $("#form1").ajaxSubmit(options); }); 详细http://www.cnblogs.com/heyuquan/p/form-plug-async-submit.html原文:http://www.cnblogs.com/james641/p/5056887.html
先来看DEMO:https://codepen.io/jonechen/pen/regjGG插件的开发很简单,运用了CSS3的动画效果,并且弹出框的内容可以自定义。插件的默认配置参数有三个:var defaults = {event: ‘click‘, // 默认点击事件dialogBox: ‘selector‘, // 弹出框容器hover: false, // 默认滑动事件关闭
}
CSS部分:*{padding: 0; margin: 0; list-style: none;font:14px/1.8 "microsoft yahei";}
body{background: #505050}
.btn{margin: 0 auto;wi...
一、介绍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、函数属性简介 ...
上个星期看到同事做一个有关日历提醒功能的需求,为了找个插件也是费了不少心思,然后刚好有时间就试着写了一个简单demo来看下最终效果图吧:是长得丑了一点,不要吐槽我-。- 首先来说说这个日历主要的制作逻辑吧:·一个月份最多有31天,需要一个7X6的表格去装载·如果知道了某个月份1号是星期几,这个月份有多少天,一个循环就可以显示某个月的日历了吧(眼睛都放光了*.*)·加上一些控件让用户可以方便操作吧(比如可以输入年份、月...