jquery-lib版本是 1.3.2的，该插件是简单的扩展插件，代码也比较简单的封装。所以看起来也比较简单不是很费力，当然封装得也不是很好。不过做了浏览器方面的兼容，经测试兼容IE6+、Firefox3.5+首先看看autocomplete.js:;(function ($) {var index = -1;var timeId;var cssOptions = {"border": "1px solid black","background-color": "white","position": "absolute"/*,"font": "normal normal lighter 14px 6px Times New Roman"...
AJAX-Cache 最好用的jQuery-Ajax缓存插件介绍AJAX-Cache是一款jQuery插件，基于localStorage/sessionStorage实现异步请求缓存功能，并提供“快照”和“定时”两种缓存模式。安装npmnpm i ajax-cache --save Downloadhttps://github.com/tower1229/AJAX-Cache使用你只需要为jQuery.ajax()增加一个localCache配置开启快照缓存$.ajax({url: "http://rapapi.org/mockjsdata/9195/common/getRandom",dataType:‘json‘,localCache: ‘s...
动态网站通常利用背景图像或预加载屏幕，以保证所有资源都加载到页面上，在浏览器中充分呈现。现在很多网站都炫耀自己的图像作为背景图像全屏背景，追溯到旧的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...
用的jQuery.cookie -----一个封装好了cookie的插件。（基于jQuery）我这只需要调用。$.cookie("c_name", c_value,{expires:7});//可通过alert($.cookie("c_name"));得到你要存储的内容，这样测试cookie是否存储；c_name：要创建的cookie的名字；c_value：值或者说要存储的内容；expires:7存储日期；$.cookie("c_name", null);//关闭cookie，可通过alert($.cookie("c_name"))的到null，就可得知已清除cookie。 另外，每隔5分钟自动存...
Skippr是一款带左右箭头,索引按钮,滑动切换效果并且轻量、快速的幻灯片设置引入jquery.skippr.css、jquery.js、jquery.skippr.js 注意jQuery必须在jquery.skippr.js之前<head><link href="css/jquery.skippr.css" rel="stylesheet" type="text/css" ><script src="js/jquery-1.8.0.min.js" type="text/javascript"></script><script src="js/jquery.skippr.js" type="text/javascript"></script> </head>创建DIV元素,div标签内添加...
本文实例讲述了jquery+php实现导出datatables插件数据到excel的方法。分享给大家供大家参考。具体如下：DataTables是一个jQuery的表格插件。这是一个高度灵活的工具，依据的基础逐步增强，这将增加先进的互动控制，支持任何HTML表格。主要特点：1. 自动分页处理 2. 即时表格数据过滤 3. 数据排序以及数据类型自动检测 4. 自动处理列宽度 5. 可通过CSS定制样式 6. 支持隐藏列 7. 易用 8. 可扩展性和灵活性 9. 国际化 10.动态创建表格...
分析插件jquery.countdown.js 1 (function($) {2 $.fn.countdown = function(options) {3// default options 4var defaults = {5 attrName : ‘data-diff‘,6 tmpl : ‘<span class="hour">%{h}</span>小时<span class="minute">%{m}</span>分钟<span class="second">%{s}</span>秒‘,7 end : ‘已结束‘,8 afterEnd : null 9 }; 1011 console.log(options); 1...
这是一款基于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...
下载地址：http://www.formvalidator.net/基本样例<form action="/registration" method="POST"><p>User name (4 characters minimum, only alphanumeric characters):<input data-validation="length alphanumeric" data-validation-length="min4"></p><p>Year (yyyy-mm-dd):<input data-validation="date" data-validation-format="yyyy-mm-dd"></p><p>Website:<input data-validation="url"></p><p><input type="submit"></p> <...
<!DOCTYPE html><html><head><meta charset="utf-8"><title>手风琴</title><link href="css/accordion.css" rel="stylesheet"><script src="js/jquery-1.11.1.min.js"></script><script src="js/accordion.js"></script><script>$(function(){//插件的应用 $("#ul1").accordion();});</script></head><body><ul id="ul1"><li>111111111<span>第一块</span></li><li>22222222222<span>第二块</span></li><li>33333333333...
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焦点图插件的特点是图片可以分组切换，也就是说一次可以切换多张图片，相比其他焦点图插件，它能节省更多的空间，可以向用户展示更多的图片，非常实用。在线预览 源码下载实现的代码。html代码：<div class="device"><h2><a href="javascript:;" class="pre">上一组</a><a href="javascript:;" class="next">下一组</a></h2><div class="scroll"><ul><li><a href="#"><img sr...
在线演示本地下载原文：https://www.cnblogs.com/qixidi/p/10051222.html