Lazyr.js – 延迟加载图片（Lazy Loading）

╰+攻爆jí腚メ 2022-08-08 00:42 332阅读 0赞

<table style="word-wrap:break-word; empty-cells:show; border-collapse:collapse; table-layout:fixed; width:698px; color:rgb(0,0,0); font-family:微软雅黑,Tahoma,Helvetica,SimSun,sans-serif; font-size:14px; line-height:25.200000762939453px"> 
 <tbody style="word-wrap:break-word"> 
  <tr style="word-wrap:break-word"> 
   <td style="word-wrap:break-word"><span style="font-size:14px; word-wrap:break-word">Lazyr.js 是一个小的、快速的、现代的、相互间无依赖的图片延迟加载库。通过延迟加载图片，让图片出现在（或接近)）视窗才加载来提高页面打开速度。这个库通过保持最少选项并最大化速度。</span> 
    <div style="word-wrap:break-word"> 
     <span style="font-size:14px; word-wrap:break-word"><br style="word-wrap:break-word"> </span> 
    </div> 
    <div style="word-wrap:break-word"> 
     <p style="word-wrap:break-word; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; text-align:center"> <a href="http://www.html5cn.org/data/attachment/portal/201504/24/141438x7efh5eiefnpie5e.jpg" style="word-wrap:break-word; color:rgb(51,51,51); text-decoration:none" rel="nofollow"><span style="font-size:14px; word-wrap:break-word"><img src="http://www.html5cn.org/data/attachment/portal/201504/24/141438x7efh5eiefnpie5e.jpg" alt="" style="word-wrap:break-word; border:none; max-width:620px"></span></a></p> 
     <p style="word-wrap:break-word; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; text-align:center"> <span style="font-size:14px; word-wrap:break-word"><a href="http://callmecavs.github.io/layzr.js/" style="word-wrap:break-word; color:rgb(51,51,51); text-decoration:none" rel="nofollow"><span style="color:#0000f0; word-wrap:break-word">在线演示</span></a>&nbsp;&nbsp; &nbsp; &nbsp;源码下载<a href="http://www.html5cn.org/portal.php?mod=attachment&amp;id=15087" style="word-wrap:break-word; color:rgb(51,102,153); text-decoration:none; padding-left:20px; line-height:1.8em" rel="nofollow">layzr.js-master.zip</a></span></p> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>