摘自: http://www.poluoluo.com/jzxy/201204/163035.html 在逛codeproject网站的时候，突然看到一篇文章：How to write plugin in Jquery. 如果对E文好的同学 ，可以看上面的连接。现在我把上面网站的及结合自己的想法写这篇文章。希望能得到大牛们的支持和谅解。。。大鸟飞过。。。欢迎拍装。来源：【1】How to write plugin in Jquery.【2】锋利的JQuery 书【3】RascallySnake的JQuery.extend()详解一.介绍 插件编写的目的是给已...
最新版的jquery.lazyload.js已不再是伪的延迟加载了一、请按照基本使用方法说明设置//载入JavaScript 文件 <script src="jquery.js" type="text/javascript"></script> <script src="jquery.lazyload.js" type="text/javascript"></script>//img标签至少应包含以下4个属性，否则不能实现延迟加载的效果，如下： <img class="lazy" data-original="img/example.jpg" width="640" height="480">//使用 $(function() {$("img.lazy").l...
一、类级别的插件(很少用)1.直接给jquery添加全局函数 jQuery.myAlert = function(arg){ alert(arg); } 调用 ： $.myAlert("hello,world");2.通过extend()方法 jQuery.extend({ myAlert1:function(str){ alert(str); }, myAlert2:function(){ alert("222"); } }); 调用： $.myAlert("hello,world")3.使用命名空间 jQuery.test={ myA...
今天为大家介绍一款非常不错的jquery图片查看插件-Lightbox。这款图片查看插件体验很好，不仅有左右两个小箭头可以浏览上一张和下一张图片，还支持鼠标的左右键浏览上一张和下一张图片。有点类似google图片的查看器。一起看下效果图： 在线预览 源码下载 我们一起看下实现代码：html代码：<div id="wrapper"><h1>Responsive Lightbox Portfolio</h1><ul id="portfolio" class="clearfix"><li><a href="img/item01@2x.jpg" title=...
window.onload 页面加载完成后执行 window.onload = function () {function dom(id) { return document.getElementById(id); }dom("id1").onclick = function () {this.innerHTML = ‘welcome‘;} }jQuery 插件部分 类级别的插件开发 1.1添加一个新的全局函数 jQuery.fn = function() {} 1.2增加多个全局函数 jQuery.fn = function() {} jQuery.fun = function() {}1.3使用jQuery.extend(object); 1.3.1添加函数 jQuery.extend({...
jQuery全选反选插件，经易让你实现一个表单列表数据的全选与取消全选功能，内含示例，小巧实用。自动判断当前选中数量，加上全选。在没有jQuery之前，我们需要一大段js代码来实现这种效果。有了jQuery这个强大的库之后，我们可以很方便的开发实现这种效果的jQuery插件。我将它命名为jQuery.fn.check插件。前端框架分享 在构建我们的插件之前，我们想考虑一下其功能需求： 所有复选框的状态都随全选复选框的状态而发生变化；如果所有...
<#include ‘/admin/express-header.html‘ ><div class="main" style=" background:#fff; padding: 15px 0px 8px 10px; margin: 0px;"><div class="ex-boxOne"> <label for="start_date">订阅日期:</label> <input type="text" name="start_date" id="start_date" class="Wdate start-date" onFocus="WdatePicker({lang:‘zh-cn‘})" placeholder="请输入开始日期" /> <label for="end_date">至</label> <input type="text"...
现如今，网站开发设计的需求会要求自动适应所有移动设备，即响应式网站: 在开发网站时必须考虑对平板设备融合 fluid（流）和自适应性特点。 大多数网站设计要靠margins, guides, rows and columns等网格系统和布局来在网页上组织内容。网格设计常见于报纸和杂志中的文字图像排版设计。 可以创建网格布局的数量几乎是无限的，并且能够用无数种方式排布。比如：在等间距的两列，三列或者四列网格顶端有一个横跨的header，或者...
之前同学做个购物商城秒杀活动需要计时器的功能，在用jquery提供的countdown插件时，一直报错，貌似还需要依赖除jquery之外的其他插件，搞了半天也没搞成功，就叫我帮忙写个。然而我并没有写过插件，不过刚好趁这次端午好好地锻炼一把吧，顺便在这儿存个代码，自己的思路不好，大神们请不要见笑哈... 废话不多说，直接上代码： =======================================请叫我华丽的分割线===================================...
/*功能：实现对select下拉框可输入的功能， 输入时会对下拉框的内容进行动态过滤。参数：没有选择任何值时默认显示的文字如何使用：$("#firstLevel").inputSelectBox("--请选择--");如何获取选择的项：直接使用原始的select元素即可，值会在下拉框隐藏后同步到原始元素 */ (function ($) {$.fn.inputSelectBox = function (emptyText) {if (!emptyText) emptyText = ""; //参数默认值：用来填充当输入框input中为空时的值var blurF...
免积分下载：http://download.csdn.net/detail/yangwei19680827/7238711 原文地址：http://www.cnblogs.com/sxwgf/p/3680421.html 今天我们来分享一些有用的jQuery应用插件，没有特别花哨。但都比較有用，jQuery菜单、jQuery图片都有涉及到，一起来看看。 1、jQuery+CSS3仿IOS无线局域网WifiDEMO演示 / 源代码下载 2、CSS3图片鼠标悬停放大动画DEMO演示 / p>p=2125' title='源代码下载' ref='nofollow'>源代码下载3、j...
jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数，另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法，可以理解为添加静态方法。典型的例子就是$.AJAX()这个函数，将函数定义于jQuery的命名空间中。...
这是一款基于jQuery UI并在它的基础上增强了许多功能的Slider滑块插件。该插件在原来jQuery UI的滑块基础上进行了样式美化，各种label都可以自定义，并且提供了很多slider滑块移动时的动画效果。 注意事项：该slider滑块插件在于jqueryui 1.11.2配合使用时会有一点不兼容的情况。具体表现为当步长值不能够整除最大值的时候，那么滑块上的点和标签将会分布不均匀。在线演示：http://www.htmleaf.com/Demo/201502131373.html下载地址...
转自：http://www.cnblogs.com/linjiqin/p/3530848.htmljQuery插件AjaxFileUpload用来实现ajax文件上传，该插件使用非常简单，接下来写个demo演示怎么用AjaxFileUpload插件实现文件上传。1、引入AjaxFileUpload插件相关的js<script type="text/javascript" src="<%=basePath%>resources/js/jquery-1.2.1.js"></script> <script type="text/javascript" src="<%=basePath%>resources/js/ajaxfileupload.js"></script>备注：测试发现...
Bootstrap Offcanvas是一款非常简单的jQuery隐藏滑动侧边栏插件。该jQuery插件使用Bootstrup的样式和标签来创建隐藏的滑动侧边栏，在大屏幕上会显示正常的导航菜单，当屏幕尺寸缩小到一定尺寸时该滑动侧边栏才会出现。在线演示：http://www.htmleaf.com/Demo/201502281433.html下载地址：http://www.htmleaf.com/jQuery/Menu-Navigation/201502281432.html原文：http://blog.csdn.net/souhugirl/article/details/44002029