js实现图片懒加载效果

本文实例为大家分享了js图片懒加载的具体代码，供大家参考，具体内容如下

图片懒加载，思路:当鼠标滑动到对应图片的高度时，进行图片的加载；

 
  
  
  
   #div{
    width: 575px;
    height: auto;
    overflow: hidden;
    border: red 1px solid;
    margin: 0 auto;
    
    position: relative;
   }
   #div img{
    width: 267px;
    height: 396px;
    margin-left: 10px;
    border: 1px solid #000;
   }
  
  
 
 
  
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
  
 

当有类似于瀑布流的布局时常用的加载模式

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。