最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jquery lazyload插件代码实现页面图片延迟加载
时间：2014-07-01 编辑：简简单单 来源：一聚教程网
借助 jquery lazyload插件可以轻松实现延迟加载，调用方式如下：
引入jquery和jquery lazyload插件：
| 代码如下 | 复制代码 |
|
图片标签处理：
|
|
在页面加载完成后调用：
| 代码如下 | 复制代码 |
核心代码定法在于下面这句data-original
| 代码如下 | 复制代码 |
|
|
|
这样写浏览器是不会自动解析data-original上面的图片了，这个我们lazyload插件在我们移动到可视区之后我们lazyload就会自动把data-original图片给img src了哦，如
即把img标签src属性改为data-original
而在jquery这段代码
| 代码如下 | 复制代码 |
$("img").lazyload(); 这句就是告诉我们加载当前界面所有图片标签了，当然我们也可以指定是那个div的标签哦，后面一句//$("img").lazyload({ effect : "fadeIn" });就是一个效果哦
这个我经过测试是完美的延迟加载功能了，可以节省不少带宽哦，有一个10WIP的站使用此功能之后会发现流量更多少了。
相关文章
- jquery lazyload实现页面图片延迟加载 04-03
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31