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

2016-12-06 11:19:16来源:cnblogs.com作者:285267128人点击

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

  

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台