jQuery实现了异步加载图片（一种延迟加载图片的方式）

首先，添加插件的JQ

（函数（$）{）
/ /警报（美元。FN。scrollloading）；
美元。fn.scrollloading =功能（选项）{
var默认值= {
属性：数据链接
}；
var参数=美元。扩展（默认，选择| | { } { }）；
params.cache = { }；
$（this）。每个（函数（）{）
var node = this.nodename.tolowercase（），
url = $（this）。Attr（params { 属性））；
如果（！URL）{
返回；
}
var数据{ {
Obj：$（this），
标记：节点，
网址：网址
}；
Params.cache.push（数据）；
}）；

var加载=函数（）{（）
var st = $（窗口）ScrollTop（），
Height（）；
美元。每个（params.cache，功能（我的数据）{
var o = data.obj，
标签= data.tag，
url = data.url；
如果（o）{
后= o.position（顶部）；
邮政储蓄银行=岗位+ o.height（）；
如果（（后>圣后圣POSB <某事））{
如果（标签= IMG）{
O.attr（src
{人}
O.load（URL）；
}
data.obj = null；
}
}
}）；
返回false；
}；

加载（）；
$（窗口）Bind（滚动
}；
}（jQuery）；

然后在底部初始化它。

$（文档）Ready（函数（）{）
实现图片的慢慢产生效果
$（img）。负荷（函数（）{）
默认情况下图片隐藏
美元（这个）；
使用 / /渐显效果
$（这）。FadeIn（5000）；
}）；
异步加载映像，通过加载图像屏幕
$（。scrollloading ）ScrollLoading（）；
}）；

你需要修改img标签是

数据url说是异步加载图片，SRC说的第一张图片（通常是小图片，或者是动画，SRC链接所有页面加上图片，这个页面会加载得快很多，这个时候加载异步图像来加载，现在是说函数）。

以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。