zoukankan      html  css  js  c++  java
  • 基于jquery的图片懒加载js

    function lazyload(option){ 
    var settings={ 
    defObj:null, 
    defHeight:0 
    }; 
    settings=$.extend(settings,option||{}); 
    var defHeight=settings.defHeight,defObj=(typeof settings.defObj=="object")?settings.defObj.find("img"):$(settings.defObj).find("img"); 
    var pageTop=function(){ 
    return document.documentElement.clientHeight+Math.max(document.documentElement.scrollTop,document.body.scrollTop)-settings.defHeight; 
    }; 
    var imgLoad=function(){ 
    defObj.each(function(){ 
    if ($(this).offset().top<=pageTop()){ 
    var src2=$(this).attr("src2"); 
    if (src2){ 
    $(this).attr("src",src2).removeAttr("src2"); 
    } 
    } 
    }); 
    }; 
    imgLoad(); 
    
    // 绑定滚动事件 
    $(window).bind("scroll",function(){ 
    imgLoad(); 
    }); 
    } 
    
    lazyload({ 
    defObj:"#plist" 
    }) 


    原文地址

  • 相关阅读:
    java中级或者高级面试题分享
    java常使用的框架
    spring的定时器
    ArrayList源码理解
    缓存 Memached
    ORM框架
    Web处理方式
    git使用
    Entity Framework
    .net 学习笔记2
  • 原文地址:https://www.cnblogs.com/mopagunda/p/4672270.html
Copyright © 2011-2022 走看看