jquery.lazyload的使用

简介:

1.引入

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.lazyload.js" type="text/javascript"></script>

2.img处理

<img class="lazy" data-original="img/example.jpg">

3.调用方法,配置参数

$(document).ready(function(){
        $("img.lazy").lazyload({
            effect : "fadeIn",
            failure_limit : 1000,
            threshold : 2000 // 默认情况下图片会出现在屏幕时加载. 如果你想提前加载图片, 可以设置threshold 选项, 设置 threshold 为 200 令图片在距离屏幕 200 像素时提前加载
        });
});

相关文章
|
1月前
|
JavaScript 前端开发
JQuery 什么是JQuery?
JQuery 什么是JQuery?
30 0
|
6月前
|
JavaScript 前端开发 开发者
|
11月前
|
存储 JavaScript 前端开发
jQuery01
jQuery01
58 0
|
11月前
|
JavaScript
jQuery_01
jQuery_01
43 0
|
JavaScript CDN
|
存储 JavaScript 前端开发
JQuery jquerysessionjs插件使用介绍
JQuery jquerysessionjs插件使用介绍
102 0
|
JSON 前端开发 JavaScript
|
JavaScript 前端开发
JQuery01
JQuery01
133 0
JQuery01
|
XML JSON JavaScript
|
Web App开发 前端开发 JavaScript
从零玩转jQuery-初识jQuery
课前须知: 学习jQuery前必须先掌握JavaScript jQuery虽然属于前端技术, 但是对于后端人员(诸如Java、PHP等,也需要掌握) jQuery是什么? jQuery是一款优秀的JavaScript库,从命名可以看出jQuery最主要的用途是用来做查询(jQuery=js+Query).
1836 0
下一篇
无影云桌面