jquery.lazyload实现图片延迟加载jquery插件

2016年07月27日 7 阅读

什么是ImageLazyLoad技术 在页面上图片比较多的时候，打开一张页面必然引起与服务器大数据量的交互。尤其是对于高清晰的图片，占的几M的空间。ImageLazyLoad技术就是，当前可见界面的图片是加载进来的，而不可见页面（通过滚动条下拉可见）中的图片是不加载的，这样势必会引起速度上质的提升。 怎么实现ImageLazyLoad 一、使用JQuery插件 ，插件名: jquery.lazyload（7kb大小），压缩后（3kb大小） 在线压缩js h...

Lazy Load 延迟加载图片的 jQuery 插件

2016年07月27日 5 阅读

怎样使用？ Lazy Load 依赖于 jQuery. 请将下列代码加入页面 head 区域: 复制代码 代码如下: <script src="jquery.js" type="text/javascript"></script> <script src="jquery.lazyload.js" type="text/javascript"></script> 并且在你的执行代码中加入下面语句: 复制代码 ...

jquery 插件实现图片延迟加载效果代码

2016年07月27日 8 阅读

减少了页面加载的时间了，也减轻了服务器的压力，看了一下javascript源码，里面写的了lazyload，我就百度了一下，找到了一个jquery的实现这种效果的插件：jquery.lazyload，一个很不错的插件。 比如你打开一个比较大或者长的网页，那么Lazy load能够实现先加载您所看到区域的图片，等你滚动到哪里，就加载那里的图片。 如果你是图片网站，而且一个页面要加载很多图片，这个插件是个很不错的选择。 如何使用，引用如下js： 查看源代码打印...

javascript小数计算出现近似值的解决办法

2016年07月27日 6 阅读

复制代码 代码如下:var number1 = 5.06; var number2 = 1.30; var sum = （number1 * 100 + number2 * 100） / 100; //sum=6.36，不是一个近似值这样计算可以得到一个准确的结果。...

jquery1.4后 jqDrag 拖动 不可用

2016年07月27日 6 阅读

复制代码 代码如下:（function（$）{ $.fn.jqDrag=function（h）{return i（this,h,"d"）;}; $.fn.jqResize=function（h）{return i（this,h,"r"）;}; $.jqDnR={dnr:{},e:0, drag:function（v）{ if（M.k == "d"）E.css（{left:M.X+v.pageX-M.pX,top:M.Y+v.pageY-M.pY}）; el...

jquery 应用代码 方便的排序功能

2016年07月27日 6 阅读

终极目的：想做一个方便的排序功能。 具体实现：点击后可以输入排序的数字编号，移开后自动更新数据库。 1，我想把这个功能用<span>来完成，也就需要一个在页面上监控指定的span的东西，他就是： ready（fn）当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。 $（document）.ready（function（）{ // 在这里写你的代码... }）; 2，页面上<span>很多，如何才能区分呢？用id？还是class？...

选择TreeView控件的树状数据节点的JS方法（jquery）

2016年07月27日 8 阅读

方法要达到的效果是：“ 改变一节点的选中状态时，其后代节点选中状态也要跟随当前节点的选中状态改变而改变。当前节点选中时，其所有祖先节点也要跟着选中;如取消时，要根据其同级节点是否有选中时，来决定其祖先节点的选中状态。” 说明：树是用vs的TreeView控件生成的。 如图： 代码如下: 复制代码 代码如下: jQuery（function（）{ jQuery（":checkbox"）.click（function（）{ var objNode = this...

jquery 图片Silhouette Fadeins渐显效果

2016年07月27日 7 阅读

我的乐队有几个朋友刚刚经历了一场小型的成员阵容的变化。他们需要更换其主页上的照片。我想这可能是有趣的事情出现了少许的互动。 这可能有不少方法可以做到这个效果，这一个刚刚进入我的头突然出现，我随它而去了。这个想法是有一个作为背景图像的轮廓，然后，在该组所有完全相同的大小与每个乐队成员的4个图像。这些图像默认隐藏。然后，有4个绝对定位的区域上面所在的区域，这是过渡区作用。在jQuery的，我们用他们悬停事件，渐渐显示相应的图像。HTML 正如我所说，只是一个...

JQuery Dialog（JS 模态窗口,可拖拽的DIV）

2016年07月27日 6 阅读

效果图 调用示意图 交互示意图如上图所示，这基本是JQueryDialog的完整逻辑流程了。 1、用户点击模态窗口的“提交”按钮时，调用JQueryDialog.Ok（）函数，这个函数对应了用户提交事件。 2、用OO的概念来说，JQueryDialog.Ok（）其实是一个虚函数，它的逻辑封装在子窗口ContentWindow.Ok（）中，这一点我借鉴了FCKEditor，如下代码所示： JS代码 复制代码 代码如下: var JQueryDialog = ...

javascript 同时在IE和FireFox获取KeyCode的代码

2016年07月27日 5 阅读

HTML 复制代码 代码如下: <input type="password" name="psw" id="loginpsw" onkeypress="submit1（event）"/>Javascript 复制代码 代码如下: function submit1（e）{ var isie = （document.all） ？ true : false;//判断是IE内核还是Mozilla var key; if （isie） key = win...

js 键盘记录实现（兼容FireFox和IE）

2016年07月27日 7 阅读

主要分四个部分第一部分：浏览器的按键事件第二部分：兼容浏览器第三部分：代码实现和优化第四部分：总结第一部分：浏览器的按键事件用js实现键盘记录，要关注浏览器的三种按键事件类型，即keydown，keypress和keyup，它们分别对应onkeydown、onkeypress和onkeyup这三个事件句柄。一个典型的按键会产生所有这三种事件，依次是keydown，keypress，然后是按键释放时候的keyup。在这3种事件类型中，keydown和keyu...

javascript 函数速查表

2016年07月27日 6 阅读

abs 方法 返回一个数的绝对值。 acos 方法 返回一个数的反余弦。 anchor 方法 在对象的指定文本两端加上一个带 NAME 属性的 HTML 锚点。 asin 方法 返回一个数的反正弦。 atan 方法 返回一个数的反正切。 atan2 方法 返回从 X 轴到点（y, x）的角度（以弧度为单位）。 atEnd 方法 返回一个表明枚举算子是否处于集合结束处的 Boolean 值。 big 方法在String 对象的文本两端加入 HTML 的<...

jQuery AnythingSlider滑动效果插件

2016年07月27日 9 阅读

jQuery 是个宝库，而 jQuery 的插件体系是个取之不竭的宝库，众多开发者在 jQuery 框架下，设计了数不清的插件，jQuery 的特长是网页效果，因此，它的插件库也多与 UI 有关。 webdesignledger.com 网站推选了2009年度最佳 jQuery 插件，有些插件在本博客中已经有介绍，有些还没有，本文介绍的是：2009年度最佳 jQuery 插件—AnythingSlider【滑动】 滑动 在一个固定区域，循环显示几段内容，这...

经典海量jQuery插件 大家可以收藏一下

2016年07月27日 7 阅读

其中有些已经无法访问，或许是文件移除，或许是被封锁。大家分享的东西，没什么特别的可说的，唯有感谢无私分享的人们。提醒大家在使用的时候注意jQuery包的版本问题，最好是使用相同的版本，因为使用了高版本很有可能出现或多或少的问题。并且其中英文插件在转换成中文时注意编码，推荐utf-8。jQuery插件-文件上传（File upload）Ajax File Upload.jQUploader.Multiple File Upload plugin.jQuery...

JQuery 获取和设置Select选项的代码

2016年07月27日 10 阅读

获取Select ： 获取select 选中的 text : $（"#ddlRegType"）.find（"option:selected"）.text（）; 获取select选中的 value: $（"#ddlRegType "）.val（）; 获取select选中的索引: $（"#ddlRegType "）.get（0）.selectedIndex; 设置select: 设置select 选中的索引： $（"#ddlRegType "）.get（0）....

jQuery ctrl+Enter shift+Enter实现代码

2016年07月27日 8 阅读

通过事件的which可以找到键码 不过当有组合键的时候还需要注意一下 如ctrl+enter键，虽然都是用e.ctrlKey但是 enter键的键码不是始终为13了 在ff中 判断 ctrl+enter 是 e.ctrlKey && e.which ==13 在ie6中 判断ctrl+enter 是 e.ctrlKey && e.which ==10 示例： 复制代码 代码如下: $（document）.keypress（function（e）{ if（e...

jQuery学习2 选择器的使用说明

2016年07月27日 5 阅读

1.利用CSS的基本选择器： a：匹配所有链接<a>元素。 #*：匹配id为*的元素 .*：匹配CSS类为*的元素 a#*id.*class:匹配id为*id，并拥有CSS类为*class的链接元素。 以上是CSS中的写法，在jQuery中用$（""）包起来，如:jQuery（"p a.Class"） 利用子选择器、容器选择器和特性选择器，以下面的为例： 复制代码 代码如下: <ul class="myList"> <li&g...

jQuery学习3：操作元素属性和特性

2016年07月27日 7 阅读

先看一个例子：复制代码 代码如下:<a id="easy" href="#">http://www.jb51.net</a>现在要得到a标签的属性id。有如下方法：复制代码 代码如下:jQuery（"#easy"）.click（function（） { alert（document.getElementById（"easy"）.id）; //1 alert（this.id）; //2 alert（jQuery（this）.attr（...

jQuery学习4 浏览器的事件模型

2016年07月27日 6 阅读

首先要知道DOM的两级模式：DOM0级和DOM2级 在DOM0级事件处理程序是通过把函数实例的引用指派到DOM元素的属性而声明的。 声明DOM第0级事件处理程序 复制代码 代码如下: <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>DO...

jQuery学习5 jQuery事件模型

2016年07月27日 7 阅读

jQuery事件模型的功能有： 提供建立事件处理程序的统一方法； 允许在每个元素上为每个时间类型建立多个处理程序； 采用标准的事件类型名称，例如click或mouseover； 使用Event实例可用作处理程序的参数； 对Event实例的最常用的属性进行规范化； 为取消事件和阻塞默认操作提供统一方法。 jQuery绑定事件处理程序： bind（）命令 $（"img"）.bind（"click",funciton（event）{alert（"Hi there...