2025年2月19日 星期三 甲辰(龙)年 腊月十九 夜 设为首页 加入收藏
rss
您当前的位置:首页 > 计算机 > 编程开发 > Html+Div+Css(前端)

图片延迟插件 Jquery.lazyload.min.js

时间:05-23来源:作者:点击数:37

当一个页面打开的图片太多,我们可以用jquery的一个延迟加载插件.名为:jquery.lazyload.min.js

使用非常简单,如下:

  • <div style="height:700px;">
  • <img src="img/grey.gif" data-original="http://www.cdsy.date/uploadImg/bberfq.jpg" width="765" height="574" alt="BMW M1 Hood"><br/>
  • </div>
  • <div>
  • <img src="img/grey.gif" data-original="http://www.cdsy.date/uploadImg/cvbcvb.jpg" width="765" height="574" alt="BMW M1 Hood"><br/>
  • </div> <div>
  • <img src="img/grey.gif" data-original="http://www.cdsy.date/uploadImg/1322450338410.jpg" width="765" height="574" alt="BMW M1 Hood"><br/>
  • </div>
  • <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" type="text/javascript" charset="utf-8"></script>
  • <script type="text/javascript" src="/index/@py-z_class/jquery.lazyload.min.js"></script>
  • <script type="text/javascript" charset="utf-8">
  • $(function() {
  • $("img").lazyload();
  • });
  • </script>

对性能提升非常有帮助

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门