本文演示了8种不同的css3懒加载效果，个人比较喜欢第一种，跟素材火的列表页一样。素材火懒加载教程：http://www.sucaihuo.com/js/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
});
系统已开启自动识别垃圾评论机制，识别到的自动封号，下载出错或者资源有问题请联系全栈客服QQ 1915635791