首先非常感谢网友猎人的无私分享,此作品是她分享到JquerySchool网站上的第一个原创Jquery插件,实现了图片延迟加载功能,插件代码非常简洁,且每个功能都把注释写得非常详细,适合网友们学习,好好利用哦。。。
引入图片延迟加载Jquery插件文件后,页面使用代码如下:
<script type="text/javascript" charset="utf-8">
$(".lazyLoading").imgLazyLoading({
// 记录图片真实地址的属性名
url : "data-url",
// 图片渐出效果以及渐出时间
fadeIn : 400
});
</script>
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
网友猎人 图片特效 图片预加载 图片延迟加载 imglazyloading