这里推荐使用jquery图片延迟加载插件jquery.lazyload实现图片延迟加载提高网站打开速度下载地址:http://www.appelsiini.net/download/jquery.lazyload.js一、快速使用篇 1.导入JS插件 代码如下: 2.在你的页面中加入如下的javascript: 代码如下: $("img").lazyload(); 这将会使所有的图片都延迟加载; 二、高级篇详细介绍(不想了解那么多的可以直接绕过) Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟...
思路就不说了,记得以前写过一个自动切换的幻灯插件:,思路有部分是类似的。当然,本文中插件源码中也有注释~ 插件核心代码:点此查看演示 代码如下: $.fn.WIT_SetTab=function(iSet){ /* * @Mr.Think * Nav: 导航钩子; * Field:切换区域 * K:初始化索引; * CurCls:高亮样式; * Auto:是否自动切换; * AutoTime:自动切换时间; * OutTime:淡入时间; * InTime:淡出时间; * CrossTime:鼠标无意识划过时间 * Ajax:是否...
代码如下: 不过做了浏览器方面的兼容,经测试兼容IE6+、Firefox3.5+ 首先看看autocomplate.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"*/ }; var defaults = { width: "auto", highlightColor: "#3399FE", unhighlightColor: "#FFFFFF", css: cssOptio...
本文收集了非常棒的jQuery表单插件与大家分享,欢迎大家推荐更多更好的插件。 1- jQuery inline form validation2- Uniform 3- Autotab 4- jquery Niceforms 5- jquery Form Validator6- Toggle FormText plug-in 7- jQuery Field Plug-in 8- In-Field Labels jQuery Plugin 9- jQuery Comment Preview10- Input Fields with Images11- Pretty Comments12- jQuery Highlight Plugin13- Select Multiple Form Fields14- Password M...
数据源: 代码如下: var areaInfo = new Array(); areaInfo[0] = new Array(); areaInfo[0][0]="1"; areaInfo[0][1]="Beijing"; areaInfo[0][2]="0"; areaInfo[0][3]="0"; areaInfo[1] = new Array(); areaInfo[1][0]="2"; areaInfo[1][1]="Shanghai"; areaInfo[1][2]="0"; areaInfo[1][3]="0"; areaInfo[2] = new Array(); areaInfo[2][0]="3"; areaInfo[2][1]="Jingan"; areaInfo[2][2]="2"; areaInfo[2][3]="0"; areaInfo[3] =...
代码如下: jquery-highlight.js 代码如下: /* description:TextBox HighLight author:Allen Liu */ (function($) { $.fn.highlight = function(options) { var defaultOpt = { lightColor: yellow, /* 高亮时的颜色 */ lightTime: 1000, /* 高亮时长 (单位:毫秒) */ isFocus: true /* 是否获取焦点 */ }; options = $.extend(defaultOpt, options); return this.each(function() { var sender = $(this); if (sender.attr(lig...
在这里我们需要控制用户的输入验证,表格的添加删除,用户输入数据的统计聚合,还有相应的计算列比如商品的总价=商品的单价*商品数量,再如,同时在用户提交的时候我还要需要获取提交到后台服务端处理在存储到我们的数据库。本插件则简单的处理了这些繁琐的事情。 插件属性说明: 1:rowTemplate:这是插入列的模板,在模板中我们的序号这种行号标示的需要rownum 的class。在模板中的需要唯一编号的比如我们的radiobutton的name属性...
ligerDrag() 使目标对象可以拖动。 参数 handler 拖动的作用区域,在这个区域才可以触发拖动。可以是字符串(jQuery selector),也可以是一个Dom jQuery对象 onStartDrag 开始拖动事件 onDrag 拖动事件 onStopDrag 结束拖动事件 示例一:默认模式 代码如下: $(function () { $('#rr1,#rr3,#rr2').ligerDrag(); }); 代码如下: 示例二:只能在Panel头部进行拖动 代码...
jQuery以其插件众多、独特、轻量以及支持大规模的网站开发闻名。本文与大家分享24款非常有用的jQuery插件,可以根据您的项目需要来选择使用。 1. jTextTranslate Translate是一款用于快速翻译文章的插件。2. Uploadify Uploadify是一款用于在你网站集成完全可定制的多文件上传的插件。3. TopUp 一款非常易用的用于在弹窗中显示图片和网页的jQuery插件。4. TipTip TipTip是一款轻量的、智能的、易于定制的提示插件,可应用与任何元...
废话少说直接进入主题, 表格功能: 1、添加 2、删除 3、获取值 4、动态填充数据 5、动态设置焦点 6、键盘左右上下键控制单元格焦点 7、单元格添加正则验证功能 WebForm4.aspx 代码如下: var rowtmplate = ""; rowtmplate += ""; rowtmplate += ""; rowtmplate += ""; rowtmplate += ""; rowtmplate += "删除"; $(document).ready(function() { $(this).bind('keyup', function(e) { switch (e.keyCode) { case 38: //上...
效果如下 原表格:col0 col1 col2 col3SuZhou 11111 22222 SuZhouCitySuZhou 33333 44444 SuZhouCitySuZhou 55555 66666 SuZhouCityShangHai 77777 88888 ShangHaiCityShangHai uuuuu hhhhh ShangHaiCityShangHai ggggg ccccc ShangHaiCityGuangZhou ttttt eeeee GuangZhouCityGuangZhou ppppp qqqqq GuangZhouCity 处理之后的样子: col0 col1 col2 col3SuZhou 11111 22222 SuZhouCity33333 4444455555 66666ShangHai 77777 88888 ...
Web开发者们模仿 Lightbox 开发了各种各样的图片浏览插件,有基于 jQuery 的,有基于 Prototype 的,也有使用原生 JavaScript 写的。今天,本文要与大家分享的是30个最佳 jQuery Lightbox 效果插件。 1.jQuery LightBox在线示例2.Lightbox2在线示例3.FancyBox在线示例4.LightWindow v2.0在线示例5.Colorbox Lightbox Plugin在线示例6.FaceBox在线示例7.jQuery Lightbox在线示例8.Milkbox在线示例9.jQuery Lightbox Plugin (balupto...
blockui可以在你发送ajax请求的时候,显示一个遮罩层禁止用户对页面进行操作并显示提示信息;或者用来显示一个登陆窗口,也可用来显示图片等。 blockui插件主要使用blockUI和unblockUI两个方法来控制弹出层的显示或者隐藏,可以在blockUI方法中指定一些参数,来控制弹出层显示的内容,大小,位置等。blockUI方法的常用的参数有:message,css,overlayCSS,showOverlay。 message:主要用来设置要显示的内容,可以直接设置为一...
1,GallerificGalleriffic 是使用 Mike Alsup 的 jQuery Cycle plugin 创建的图片展示效果,包括缩略图、图片标题和描述等详细功能,是一个非常不错的高质量画廊相册展示工具。 2,ZoomImagezoomimage ,以一种独具魅力的方式展示图片效果。缩略图链接在本页弹出大图,并且可以可以随意拖拽该悬浮图片。 3,EasySliderEasy Slider 可以实现图片或其他任意内容,在水平或垂直方向上的滑动效果,你还可以通过 CSS 自定义设置样式。 4...
创建jQuery插件,基本的格式是上面这段代码: 代码如下: (function ($) { //add code here })(jQuery) 我们怎么理解? 第一步:function ($){}定义了一个匿名的函数,有一个参数,$是参数名,和其他的参数名没什么区别。 第二步:(function ($){})(jQuery) 我们要执行一个匿名函数的时候,通常用var func = function ($) { },然后func(参数)这样的形式。这里func就是一个Function对象。但更简洁的(function ($) {}),这时用括号,...