Img-lazyLoad图片延迟加载
整理下以后要注意,能优化的都要优化
<html> <body> <div id="img_area"> <ul id="img_list"></ul> </div> <script src="js/jquery-1.9.1.min.js"></script> <script src="js/jquery.lazyload.min.js"></script> <script> $(function(){ var list_html = ''; for(i=0;i<100;i++){ list_html += '<img class="lazy img-responsive" data-original="http://cdn7.zhangxiaobin.com/wp-content/uploads/2017/12/timg-1.jpg" width="500" alt=""><br/>'; } $("#img_list").html(list_html); $("img.lazy").lazyload({ effect : "fadeIn" }); }); </script> </body> </html>