jQuery8种不同的瀑布流懒加载loading效果

优化图片加载插件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>

  

上一篇:【GitHub Desktop】MacOS和Win下配置及简单的使用


下一篇:2.12. 后端 SQL 的可见性(Core Data 应用程序实践指南)