smoothscroll是一款jQuery插件，可以平滑地滚动到指定的地方。可以解决chrome锚点失效的问题。官方网站 http://iamdustan.com/smoothscroll/下载源码网站 https://github.com/iamdustan/smoothscrollcss代码：1 <link href="http://fonts.googleapis.com/css?family=Roboto:700,400&subset=latin" rel="stylesheet" type="text/css"> 2 <link rel="stylesheet" href="css/common.min.css"> 3 <link rel="stylesheet" href=...
手风琴效果就是内容的折叠与打开，在这个插件中，使用了三种数据来源：1、直接写在DOM结构中；2、将数据写在配置项中；3、从Ajax()中获取数据。在这一版中，各项的切换没有添加动画效果，在下一版中会是有动画效果的。在这个插件中，CSS和JS的配置非常重要，需要特别注意。另外，加个思考，请先看完后再想这个问题：当点击其中某项时，给width直接添加animate是否合适，当快速在其上移动时，如何保证效果？效果图预览插件JS accord...
俗话说的好：温故而知新，可以为师矣！ 学习是一个人一辈子的事情。于是乎趁着今天休息，回顾了一些知识点，可能做的不够完美，请多多指教。/** * Created by Administrator on 2017/5/6. *//** * 格式化日期 * @param dt 日期对象 * @returns {string} 返回值是格式化的字符串日期 */function getDates(dt) { var str = "";//存储时间的字符串 //获取年 var year = dt.getFullYear(); //获取月 ...
http://www.poluoluo.com/jzxy/201406/277886.html扩展jQuery插件和方法的作用是非常强大的，它可以节省大量开发时间。这篇文章将概述jQuery插件开发的基本知识，最佳做法和常见的陷阱。一、入门编写一个jQuery插件开始于给jQuery.fn加入??新的功能属性，此处添加的对象属性的名称就是你插件的名称：jQuery.fn.myPlugin = function(){//你自己的插件代码}; 用户非常喜欢的$符号哪里去了？ 它仍然存在，但是，为了避免和其他JavaScr...
摘自: 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()详解一.介绍 插件编写的目的是给已...
一、类级别的插件(很少用)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提供的countdown插件时，一直报错，貌似还需要依赖除jquery之外的其他插件，搞了半天也没搞成功，就叫我帮忙写个。然而我并没有写过插件，不过刚好趁这次端午好好地锻炼一把吧，顺便在这儿存个代码，自己的思路不好，大神们请不要见笑哈... 废话不多说，直接上代码： =======================================请叫我华丽的分割线===================================...
/*功能：实现对select下拉框可输入的功能， 输入时会对下拉框的内容进行动态过滤。参数：没有选择任何值时默认显示的文字如何使用：$("#firstLevel").inputSelectBox("--请选择--");如何获取选择的项：直接使用原始的select元素即可，值会在下拉框隐藏后同步到原始元素 */ (function ($) {$.fn.inputSelectBox = function (emptyText) {if (!emptyText) emptyText = ""; //参数默认值：用来填充当输入框input中为空时的值var blurF...
jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数，另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法，可以理解为添加静态方法。典型的例子就是$.AJAX()这个函数，将函数定义于jQuery的命名空间中。...
转自：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>备注：测试发现...
一.JQuery的插件主要分为3种：1.封装对象方法的插件。如JQuery的parent()方法，appendTo()方法，addClass()方法等。2.封装全局函数的插件。如JQuery.ajax()，JQuery.trim()方法3.选择器插件。二.JQuery的插件机制：i.JQuery提供了两个用于扩展JQuery功能的方法，jQuery.fn.extend()方法和jQuery.extend()方法。前者用于扩展前面的提到的第一种插件，后者用于扩展后两种插件。这两个方法都接收一个类型为Object的参数。ii.所有的对象...
开发背景 本插件开发是近期写的最后一个插件了，接下来我想把最近研究的redis最为一个系列阐述下。当然Jquery插件开发是我个人爱好，我不会停止，在将来的开发中我会继续完善，当然也会坚持写这个系列的。 每次开发我都会说一下开发插件中用的思想和自己在开发时候的想法。这篇开发也不例外，等会我会一一叙述。上一篇提到的是代码重构思想，这一篇我想谈的是同一个插件，不同的设计思想，得到同样效果。说的有点绕，简单...
jQuery插件开发模式jQuery插件开发方式主要有三种：1、通过$.extend()来扩展jQuery 主要是在jQuery命名空间或者理解成jQuery身上添加了一个静态方法2、通过$.fn 向jQuery添加新的方法3、通过$.widget()应用jQuery UI的部件工厂方式创建 主要是用来开发更高级jQuery部件的，该模式开发出来的部件带有很多jQuery内建的特性，比如插件的状态信息自动保存，各种关于插件的常用方法等 一、通过$.extend()来扩展jQuery 基础用法示例一<sc...