jQuery8种不同的懒加载loading效果

本文演示了8种不同的css3懒加载效果，个人比较喜欢第一种，跟素材圈的列表页一样。素材圈懒加载教程：http://www.sucaiq.com/texiao/46.html

淘建站为您提供更多_图片代码_延迟加载_懒加载，在此特别感谢您对我们的支持与厚爱！

引入懒加载相关插件

<script src="js/masonry.pkgd.min.js"></script>
<script src="js/imagesloaded.js"></script>
<script src="js/classie.js"></script>
<script src="js/AnimOnScroll.js"></script>

调用懒加载插件

new AnimOnScroll(document.getElementById('grid'), {
    minDuration: 0.4,
    maxDuration: 0.7,
    viewportFactor: 0.2
});