jQuery8种不同的瀑布流懒加载loading效果
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQuery8种不同的瀑布流懒加载loading效果相关的知识，希望对你有一定的参考价值。
优化图片加载插件jQuery8种不同的瀑布流懒加载loading效果
实例代码
<ul class="grid effect-1" id="grid">
<li><a href="#"><img src="/api/jq/5733e33ac28cb/images/5.jpg"></a></li>
<li><a href="#"><img src="/api/jq/5733e33ac28cb/images/2.jpg"></a></li>
</ul>
</div>
<script src="/api/jq/5733e33ac28cb/js/masonry.pkgd.min.js"></script>
<script src="/api/jq/5733e33ac28cb/js/imagesloaded.js"></script>
<script src="/api/jq/5733e33ac28cb/js/classie.js"></script>
<script src="/api/jq/5733e33ac28cb/js/AnimOnScroll.js"></script>
<script>
new AnimOnScroll(document.getElementById(‘grid‘), {
minDuration: 0.4,
maxDuration: 0.7,
viewportFactor: 0.2
});
</script>
以上是关于jQuery8种不同的瀑布流懒加载loading效果的主要内容，如果未能解决你的问题，请参考以下文章