JavaScript资料,JavaScript文章,JavaScript文档-易库教程_www.escdns.com

易网时代-编程资源站

首页 / 脚本样式 / JavaScript

基于jquery的图片懒加载js

基于jquery的图片懒加载js

2016年07月27日 7 阅读

以下是实现代码（基于jquery）: 复制代码代码如下: function lazyload（option）{ var settings={ defObj:null, defHeight:0 }; settings=$.extend（settings,option||{}）; var defHeight=settings.defHeight,defObj=（typeof settings.defObj=="object"）？settings.defObj...

Jquery AJAX 用于计算点击率（统计）

Jquery AJAX 用于计算点击率（统计）

2016年07月27日 8 阅读

复制代码代码如下: <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> Demo </TITLE> </HEAD> <BODY> <script src="jquery.js" type="text/javascript"></scrip...

jQuery 通过事件委派一次绑定多种事件，以减少事件冗余

jQuery 通过事件委派一次绑定多种事件，以减少事件冗余

2016年07月27日 6 阅读

于是乎，在日常的开发中大量使用连缀写法，而事件方法连缀就是一个特例。若给一个Dom对象使用了绑定了多个事件，便于阅读和书写，习惯了使用连缀写法，但这样的书写方式会造成时间的冗余。 1.事件冗余：多个事件方法中多次调用相同的代码下面的代码是一个事件方法连缀的写法：复制代码代码如下: jQuery（function（$） { $（"<div id="livetip"></div>"）.hide（）.appendTo（"body"）...

一个简单的js鼠标划过切换效果

一个简单的js鼠标划过切换效果

2016年07月27日 6 阅读

上次帮朋友写过的一个简单切换效果,超级简单,但也比较适用.因为用到了CSS Sprite技术,DEMO中附带了IE6兼容png的JS. 核心JavaScript代码:点此查看DEMO 复制代码代码如下: //@Mr.Think获取对象属性兼容方法 function $（objectId） { if（document.getElementById && document.getElementById（objectId）） { return document...

javascript 实用的文字链提示框效果

javascript 实用的文字链提示框效果

2016年07月27日 6 阅读

效果要基本实现以下功能：（1）鼠标滑过文章中的链接文字，要在相应位置弹出提示框，提示框的样式由css来控制，高度自适应；鼠标可以点击提示框的中的链接,滑离提示框时，框自动消失；（2）把提示框的位置控制在文本域范围之内，如果链接文字处在文本域左侧，提示框要居右显示，使其不会出离文本域；反之，如果链接文字处在文本域右侧，提示框要居左显示；（3）如果文本域内容很多，而链接文字恰巧处于浏览器底部，为了使提示框不出离于浏览器的可视范围，提示框的位置要自动调整到...

jQuery ajax cache缓存问题

jQuery ajax cache缓存问题

2016年07月27日 5 阅读

在jquery里面用$.ajax 然后，指定ajax属性的时候，使用了："false" . 可恶的javascript特性就在这里出现了。在jquery里面，大部分的时候，属性要用""引起来。否则容易变成变量名。比如red，引不引都差不多。但是引起来也可以认。所以习惯就全部引起来好了。然而， false是个特例。如果引起来，导致的结果： "false" 按true处理。因为只有空字串才是true。例如：在浏览器地址栏输入： jav...

基于jQuery实现点击同时更改两个iframe的网址

基于jQuery实现点击同时更改两个iframe的网址

2016年07月27日 13 阅读

个人推荐用jQuery实现,代码简洁,扩展性强. jQuery部分: 复制代码代码如下: function gotourl（url_a, url_b） { $（"#ifr_a"）.get（0）.src = url_a; $（"#ifr_b"）.get（0）.src = url_b; } html调用: <a href="javascript:void（0）" onClick="gotourl（"http://g.cn/","http://baid...

jquery 新浪网易的评论块制作

jquery 新浪网易的评论块制作

2016年07月27日 7 阅读

效果图如下:技术要点： 1。因为 textarea里面不能放图片，所以和新浪的做法一样，选用iframe放内容，然后隐藏一个 textarea用于提交。 2 。JQqery tab 插件的使用（文盲都会）先引用这三个：复制代码代码如下: <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet"...

jquery.validate使用攻略第一部

jquery.validate使用攻略第一部

2016年07月27日 6 阅读

主要分几部分 jquery.validate 基本用法 jquery.validate API说明 jquery.validate 自定义 jquery.validate 常见类型的验证代码下载地址 jquery.validate插件的文档地址 http://docs.jquery.com/Plugins/Validation jquery.validate插件的主页 http://bassistance.de/jquery-plugins/jquery...

jQuery Validation插件remote验证方式的Bug解决

jQuery Validation插件remote验证方式的Bug解决

2016年07月27日 13 阅读

不过奇怪的是，最近用下来感觉有些古怪，因为好像有些死板，已有功能的应变能力还不强，甚至还有个奇怪的Bug。任何项目有Bug其实也正常，但这个Bug其实是一个文档上已经记载了，却没有实现的功能，这就有些说不过去了。这个问题便出在remote验证方式上，还好修改起来非常容易，在此记录一下，也方便以后的参考。在表单验证时，有时候会需要发一个AJAX请求去服务器上进行判断，例如在用户注册时检查用户名是否存在。jQuery Validation插件提供了一种rem...

jquery.validate使用攻略第二部

jquery.validate使用攻略第二部

2016年07月27日 6 阅读

Plugin methodsName Type validate（ options ） Returns: Validator 验证所选的FORM valid（） Returns: Boolean 检查是否验证通过 rules（） Returns: Options 返回元素的验证规则 rules（ "add", rules ） Returns: Options 增加验证规则 rules（ "remove", rules ） Returns: Option...

jquery.validate使用攻略第三部

jquery.validate使用攻略第三部

2016年07月27日 6 阅读

1: 自定义表单提交设置submitHandler来自定义表单提交动作 $（".selector"）.validate（{ submitHandler: function（form） { alert（"验证通过"）; } }）; 如果需要提交表单，可以调用 form.submit（）; 或者$（form）.ajaxSubmit（）; 2: 调试模式将debug设置为true，表单不会提交，只进行检查，方便调试 $（".selector"）.valida...

jquery validate使用攻略第四步

jquery validate使用攻略第四步

2016年07月27日 6 阅读

默认情况下，验证提示信息用label元素来显示, 并且会添加css class, 通过css可以很方便设置出错控件以及错误信息的显示方式。 /* 输入控件验证出错*/ form input.error { border:solid 1px red;} /* 验证错误提示信息*/ form label.error{width: 200px;margin-left: 10px; color: Red;} 如果想自定义显示方式，可以修改jquery.valida...

jquery.validate使用攻略第五步正则验证

jquery.validate使用攻略第五步正则验证

2016年07月27日 10 阅读

// 手机号码验证 jQuery.validator.addMethod（"mobile", function（value, element） { var length = value.length; var mobile = /^（（（13[0-9]{1}）|（15[0-9]{1}））+d{8}）$/ return this.optional（element） || （length == 11 && mobile.test（value））; }, "手机...

this和执行上下文实现代码

this和执行上下文实现代码

2016年07月27日 6 阅读

函数的执行上下文由当前的运行环境而定： 1. 全局变量和全局函数附属于全局对象（window），因此使用”var”或”this”两种方法定义全局变量是等效的。 2. 执行上下文和作用域不同。执行上下文在运行时确定，随时可能改变，而作用域则在定义时确定，永远不会变。 3. 如果当前执行的是一个对象的方法，则执行上下文就是这个方法所附属的对象。 4. 如果当前是一个创建对象的过程或者执行一个对象的方法，则执行上下文就是这个正在被创建的对象。 5. 如果一个方法...

javascript 函数调用的对象和方法

javascript 函数调用的对象和方法

2016年07月27日 5 阅读

如果你真正理解Javascript函数是如何调用工作的，那么就可以避免一些bug的发生；首先让我们创建一个简单的函数,这个函数将在下文中使用,这个函数仅仅返回当前的this的值和两个提供的参数. 复制代码代码如下: function makeArray（arg1, arg2）{ return [ this, arg1, arg2 ]; } 调用这个函数非常的简单,我们需要做的仅仅是：复制代码代码如下: makeArray（"one", "two"...

UserData用法总结 lanyu出品

UserData用法总结 lanyu出品

2016年07月27日 5 阅读

应用范围 UserData是微软为IE专门在系统中开辟的一块存储空间，所以说只支持Windows+IE的组合，实际测试在2000（IE5.5）、XP（IE6、IE7），Vista（IE7）下都是可以正常使用的。在哪儿？在XP下，一般位于C:Documents and Settings用户名UserData，有些时候会在C:Documents and Settings用户名Application DataMicrosoftInternet Explore...

IE本地存储userdata的一个bug说明

IE本地存储userdata的一个bug说明

2016年07月27日 8 阅读

关于userdata的简单资料：请点击这里再一次项目上用到ie的userdata，考虑当用户不使用flash插件用于存储一些聊天记录触发bug？条件： 1、通过userdata在同一个xml文件内存储两个属性 xxx.setAttribute（"a", "111"）; xxx.setAttribute（"b", "222"）; xxx.save（"xmlname"）; 这时userdata对应的xml文件内是这样的 <ROOTSTUB a="...

如何写JS数组sort的比较函数

如何写JS数组sort的比较函数

2016年07月27日 6 阅读

譬如: var a=[1,5,3,7]; a.sort（function（a, b） { return b-a}）;//从大到小排列那如果复杂点的顺序应该如何写这个比较函数呢。对于比较函数function f（a,b）{...} ，若返回正数，则说明a和b需要交换，否则不交换。所以我们可以通通根据下面的格式去写比较函数：复制代码代码如下: function f（a, b） { if （...） { return 1; } retu...

JQuery AJAX提交中文乱码的解决方案

JQuery AJAX提交中文乱码的解决方案

2016年07月27日 10 阅读

现象如下：1）在Firefox下，处理页面的编码为gb2312，提交数据没有问题，中文能够正确解析；2）在IE8下，处理页面的编码为gb2312，提交中文数据出现乱码。无论是$.post还是$.ajax，抑或$.ajaxSubmit（来自于Form插件），在之前的UTF-8编码的网站都没有出现过任何问题，看来是由于提交数据的网页的编码格式造成的了。不管怎么样，既然是浏览器之间存在差异，还是从HTTP包来看有什么问题吧。打开Fiddle，分别用Firefo...

<< 1821 1822 1823 1824 1825 1826 1827 1828 1829 1830 >>

版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图