言归正传，以下是全文。 先附上两张最简单的效果图。首先编写简单的HTML代码。用作tabs的UL标签和包含内容的p标签。 海阔天空光辉岁月真的爱你简单起见，我只写三个。 今天我，寒夜里看雪飘过。怀着冷却了的心窝飘远方……仍然自由自我，永远高唱我歌，走遍千里。 钟声响起归家的讯号，在他生命里仿佛带点唏嘘……自信可改变未来，问谁又能做到。 无法可修饰的一对手，带出温暖永远在背后……请准我说声，真的爱你。 所有外观不用图...
代码如下: /** * jQuery插件 * Author: purecolor@foxmail.com * Date : 2011-02-25 * Params: * defaults:{ currentClass:当前样式, trigger:触发方式, callBack:回调函数, auto:是否自运行, detay:延迟时间, index:当前位置 * } * Return: null * Note : Tab选项框插件 * */ (function($){ $.fn.extend({ tabBuild:function(options){ return $(this).each(function(){ var defaults={ currentClass:"currentOne", trigger:"mous...
从网上下载来的版本多多少少都有些BUG，尤其是加载后在IE6和IE7下图片闪动是个大问题，在网上查了很久，也没有找到相关的解决方案。没解决方案，就得发挥咱DIY的精神，自己想法解决，分析了BUG，理了理思路，结合前段时间我做弹出窗口特效的方法，解决了Jquery.LazyLoad.js的兼容问题，现将思路和方法与大家分享一下。 解决思路大致是两点，一是从LazyLoad本身的滤镜参数下手，发现有一个参数在IE6和IE7是可以用的，就是show，那么...
一、效果图：tips源码下载 http://xiazai.jb51.net/201103/yuanma/jquerynewslist.rar二、jquery源码: 代码如下: (function($){ $.fn.extend({ newsList:function(options){ var defaults ={ actName:li, //显示条数名； maxShowNum:6, //最多的显示条数； actNameH:28, //一次移动的距离； ulClass:.ul_news_list, //被复制层的class copyUlClass:.ul_news_list2, //复制层的class autoTime:1500, //自动运行时间； clickGoUpC:....
为了防止图片撑破布局，最常见的仍然是通过onload后获取图片尺寸再进行调整，所以加载过程中仍然会撑破。而Qzone日志的图片在此进行了改进，onload完毕后才显示原图。我以前用onload写过一个小例子：http://www.planeart.cn/?p=1022 通过imgReady可以跨浏览器在dom ready就可以实现图片自适应，无需等待img加载，代码如下： 代码如下: // jQuery.autoIMG.js v0.2 // Tang Bin - http://planeArt.cn/ - MIT Licensed (function ($)...
这里推荐使用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...
1、在网上下载spket-1.6.12.zip压缩文件，解压后会看到eclipse目录下有features、plugins这两个文件夹 2、把features、plugins这两个文件夹下的文件复制黏贴到D:\myeclipse6.5\myeclipse\eclipse\目录下(注意features、plugins要对应清楚哦)，然后重启myeclipse 3、重启myeclipse后，打开window -> preference -> spket -> javascript profiles -> new -> jQuery -> Add Library(选中jQuery) -> Add File ->选中 jquery1.2.6.js所在...
本文收集了非常棒的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是一款轻量的、智能的、易于定制的提示插件，可应用与任何元...