代码如下:/* 将this下的div轮番显示 dname指定需要执行此动作的元素，如果没有指定dname，将默认全部子元素; tname指定与dname对应的激活元素; speed显示切换速度; effe显示的效果; */ (function(){ .fn.w_picSwap=function(dname,tname,speed,effe){ speed=speed || 2000; dname=dname || ""; tname=tname || ""; effe=effe || 1; return this.each(function(){ var myTime; var obj=(this); var objs=(this).find(dname); var ob...
经常有人询问一些技巧，因此干脆写这么一篇文章给各位jQuery爱好者，算是抛砖引玉吧。 【基础】 a)样式 很多人会认为样式是个很复杂的东西，需要沉着冷静的心态加上非凡的审美观才能设计出赏心悦目的UI，抛开图片设计不说，其实css也就是那么些属性：position,margin,padding,width,height,left,top,float,border,background... UI设计的漂亮与否在很大程度上依赖于设计人员对配色的把握和整体效果的协调。举个简单的例子，一个简单...
jQuery 的plugin开发需要注意的事情,1. 明确jQuery的命名空间只有一个。2. 明白options参数用来控制plugin的行为。3. 为默认的plugin设定提供公共的访问权限。4. 为子函数提供公共的访问权限。5. 私有的函数绝对是私有访问6. 支持metadata plugin。我将会在下面的例子中一个一个的说明上面这几个条件,做完这些事情后我们就会创建一个高亮显示text的简单插件。 1. 明确jQuery的命名空间只有一个...
先把要用到的文件依次进入进来： 代码如下: 接着在页面的body里面写入如下的代码，在这里强调一下呈现出来的数据是没有进行控件绑定的，完全是由简单的table来呈现数据的，先看一下页面代码 代码如下: 产品名称 产品单价 我们先分析一下代码，很明显我们设定了一个标准的带有的表格，然后再加上了我们使用到的Jquery的插件—Paination，在这里我们只需定义一下一个以id为Pagination的层就可以了。页面的代码我...
jQuery为开发插件提拱了两个方法，分别是： jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。 jQuery.fn.extend(object);给jQuery对象添加方法。 fn 是什么东西呢。查看jQuery代码，就不难发现。 代码如下: jQuery.fn = jQuery.prototype = { init: function( selector, context ) {//.... //...... }; 原来 jQuery.fn = jQuery.prototype.对prot...
后来在网上闲逛的时候突然发现一个比较好的文本框的字数限制的jquery plugin，简单好用效果如下图 代码如下: 关于文本框的字数限制功能 Enter your hobbies ( Enter your postal code ( 属性解释: data-maxsize:该文本域能够接受的最大字数.(important) data-output:如果想实时动态显示文本框里的字数，该属性设置显示字数的span或div的id.(字数显示的颜色会随着数量变化) 如果不修改它的源文件的话，加添了js引用后，...
这个可以用jquery的一个插件cluetip地址下载是:plugins.learningjquery.com/cluetip/demo/ 下面简单讲解下用法: 1 首先当然要放JQUERY的基本JS,和这个插件的JS了,如: $('a.title').cluetip({splitTitle: '|'}); 这样就会在该连接被点时,弹出一个框,标题是this is the title,内容是|号后面的内容了 2 也可以弹出的内容是个连接,比如 $('a.basic').cluetip(); 3 定义弹出框的高度大小等： $('a.custom-width').cluetip({width: '20...
海量的jQuery插件帖，很经典，不知道什么时候开始流传，很早以前就收藏过，为了工作方便还是发了一份放在日志里面。 其中有些已经无法访问，或许是文件移除，或许是被封锁。大家分享的东西，没什么特别的可说的，唯有感谢无私分享的人们。 猫嗔提醒大家在使用的时候注意jQuery包的版本问题，最好是使用相同的版本，因为使用了高版本很有可能出现或多或少的问题。并且其中英文插件在转换成中文时注意编码，推荐utf-8。 jQuery插件-文...
怎样使用? Lazy Load 依赖于 jQuery. 请将下列代码加入页面 head 区域: 代码如下: 并且在你的执行代码中加入下面语句: 代码如下: $("http://www.appelsiini.net/projects/lazyload/img").lazyload(); 这将使 id="http://www.appelsiini.net/projects/lazyload/img" 区域下的图片将被延迟加载. 设置敏感度 插件提供了 threshold 选项, 可以通过设置临界值 (触发加载处到图片的距离) 来控制图片的加载. 默认值为 0 (到...
什么是ImageLazyLoad技术 在页面上图片比较多的时候，打开一张页面必然引起与服务器大数据量的交互。尤其是对于高清晰的图片，占的几M的空间。ImageLazyLoad技术就是，当前可见界面的图片是加载进来的，而不可见页面（通过滚动条下拉可见）中的图片是不加载的，这样势必会引起速度上质的提升。 怎么实现ImageLazyLoad 一、使用JQuery插件 ，插件名: jquery.lazyload（7kb大小），压缩后（3kb大小） 在线压缩js http://closure-comp...
其中有些已经无法访问，或许是文件移除，或许是被封锁。大家分享的东西，没什么特别的可说的，唯有感谢无私分享的人们。提醒大家在使用的时候注意jQuery包的版本问题，最好是使用相同的版本，因为使用了高版本很有可能出现或多或少的问题。并且其中英文插件在转换成中文时注意编码，推荐utf-8。jQuery插件-文件上传(File upload)Ajax File Upload.jQUploader.Multiple File Upload plugin.jQuery File Style.Styling an input type...
减少了页面加载的时间了，也减轻了服务器的压力，看了一下javascript源码，里面写的了lazyload，我就百度了一下，找到了一个jquery的实现这种效果的插件：jquery.lazyload，一个很不错的插件。 比如你打开一个比较大或者长的网页，那么Lazy load能够实现先加载您所看到区域的图片，等你滚动到哪里，就加载那里的图片。 如果你是图片网站，而且一个页面要加载很多图片，这个插件是个很不错的选择。 如何使用，引用如下js： 查看源代...
查了一下jq的官方插件编写文档（http://docs.jquery.com/Plugins/Authoring）以及文档中推荐的Mike Alsup写的一篇A Plugin Development Pattern。英语不是很好，但还是努力看下来（既学习到知识又能练习英语，何乐不为），照猫画虎的写了一个处女作——tabBox。 顾名思义，这个插件就是方便的产生具有tab选项卡功能“盒子”的。看图一下就明白这样功能在网页上是非常肠炎宁个的，不论前台后台。 在这，我首先提供了3个参数用于...
官方地址：http://bassistance.de/jquery-plugins/jquery-plugin-validation/ 脚本之家 http://www.gxlcms.com/jiaoben/17478.html由于项目的需要，日期大小比较严重是必不可少的，但Validation插件并不具有此功能，这个时候我们就需要扩展一个自定义验证方法了，代码如下： 代码如下: $(document).ready(function() { $("#").click(function() { $("#aspnetForm").validate({ rules: { ctl00$ContentPlaceHolder1$ucProjInfo1$uc...
messages_cn.js （不引用messages_cn.js是英文的提示，用了是中文） 代码如下: required: "This field is required.", remote: "Please fix this field.", email: "Please enter a valid email address.", url: "Please enter a valid URL.", date: "Please enter a valid date.", dateISO: "Please enter a valid date (ISO).", dateDE: "Bitte geben Sie ein gltiges Datum ein.", number: "Please enter a valid number.", nu...