学习网站:http://www.w3cways.com/1765.html
插件依赖于jQuery,如页面中已引用无需重复载入,引入js样式代码置于页尾
STEP1:引入资源
<!--页尾引入js文件--> <script type="text/javascript" src="http://p.iwanshang.com/static/jquery/1.12.4/jquery.min.js"></script> <script type="text/javascript" src="http://p.iwanshang.com/static/jquery.lazyload/1.9.7/jquery.lazyload.min.js"></script>
STEP2:HTML代码格式
<!--必须含有clsss=lazy和data-original=--> <img class="lazy" alt="" width="640" height="480" data-original="img/example.jpg" />
STEP3:页面中加载
$(function() { $("img.lazy").lazyload(); });
Copyright © 2017 万商云集UED . All Rights Reserved. 蜀ICP备12001963号-2