背景我们在做页面的时候，从用户体验的角度出发，肯定是希望用户以最快的速度看到完整的页面信息，但在实际情况中经常会遇到些问题。比如受网速影响，页面加载素材的时间比较长，页面会出现短时间的错乱或者闪屏；或者页面素材比较多、比较大，需要一定的加载时间，特别有时候的活动页面，我们一般会把首屏做的更多多样化或者传达比较丰富的氛围的时候，我们的首屏素材上都会比较大，有时候也会给元素加上动画来传达信息，比如我之...
插件（Plugin）livequery插件比如如果为页面上的所有div绑定了click事件，那么之后如果再动态创建一个div插入文档后，这个div则不会有click事件，livequery插件能使后来动态创建的元素也能自动注册事件。livequery(type,x,y)为JQuery对象绑定事件（包括使用Javascript动态插入的元素），type是事件触发方式，x是事件侦听器，y是可选的事件完成后的回调方法。$(document).ready(function () {//使用livequery绑定事件$(‘a‘).liveq...
动态网站通常利用背景图像或预加载屏幕，以保证所有资源都加载到页面上，在浏览器中充分呈现。现在很多网站都炫耀自己的图像作为背景图像全屏背景，追溯到旧的Flash网站却用自己的方式在HTML资源重布局。本综述我们列出15最好的jQuery全屏背景图像的插件，可以帮助你增加你的图像到您的网站，让他们看起来惊人的美丽。这个插件创建一些华丽的背景，幻灯片，你的网站让他们美丽的动画和过渡。1. MaxImagemaximage 2.0是一个全屏背景...
pagination的github地址：https://github.com/gbirke/jquery_pagination 公司用的是1.2的版本，所以我就读1.2的了。jQuery.fn.pagination = function(maxentries, opts){opts = $.extend({isCurrentInfo: false,//是否显示当前页信息： 当前第1页，共10页currentCls: ‘.current-info‘,//当前页classitems_per_page:10,//每页最多有几项num_display_entries:10,//中间的页数 如 1 2 ... 5 6 7 8 9 ... 12 13 中间页数是5current_p...
这是一款基于html5 canvas的圆形倒计时器jQuery插件。它可以使你非常轻松的创建圆形的倒计时器。该jQuery倒计时器插件有12种themes，它们基于 HTML5 canvas来渲染各种圆环。这个jQuery环形倒计时器插件依赖于jquery.knob.js和jquery.throttle.js两个外部插件。在线演示：http://www.htmleaf.com/Demo/201502111367.html下载地址：http://www.htmleaf.com/html5/html5-canvas/201502111366.html原文：http://blog.csdn.net/souhugir...
1、simplemodal在内部定义了如下css类simplemodal-overlay：遮罩simplemodal-container：弹出窗口容器simplemodal-wrapsimplemodal-data 2、关闭窗口simplemodal自动为弹出窗口内class是“simplemodal-close”的元素绑定了关闭函数。故，只要添加这个类就可以关闭功能。也可以调用$.modal.close()的方式关闭打开的弹出窗口。如果不想用插件内定的class名称为关闭函数类，可以自定义，方法如下：$.modal.defaults.closeClass = "mod...
之前写过jQuery插件的笔记如何用jQuery封装插件我一直觉得前面讲了一大堆闭包和三种插件封装模式有点冗余，那篇笔记我直到记录到后面才发现这事情很简单，想来想去还是觉得网上的一些文章把事情搞复杂了，其实这件事情很简单，所以我想按照自己的方式重新把这个问题阐述一遍。 我觉得学东西学的活的人都会从结果去倒推，比如说有些人学习音乐，先去练习演奏大量的曲目，然后再回来推敲这些曲子的作曲手法，这样更能事半功倍，而如果...
jQuery插件是用来扩展jQuery原型对象的方法。本文搜集了用来为你的站点创建CSS3动画的一些jQuery插件。1. jQuery SmooveSmoove 简化了CSS3转换效果。使得页面向下滚动时网页内容能有一种滑入的动效。在线调试：http://wow.techbrood.com/fiddle/7 2. CSS3 Animate it 这个插件效果和Smoove相似。3. WaitMe WaitMe 是用于创建载入CSS3动画的 jQuery 插件。4. Stroll.js Stroll.js 主要是列表的3d动效。支持触摸模式（iOS & Android ...
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=...