zoukankan      html  css  js  c++  java
  • 图片延迟加载

    window.onload=window.onresize=window.onscroll=function()
    {
                    showImg();
     };
    
    function getPos(obj)
    {
        var l=0;
        var t=0;
    
        while(obj)
        {
            l+=obj.offsetLeft;
            t+=obj.offsetTop;
    
            obj=obj.offsetParent;
        }
    
        return {left: l, top: t};
    }
    function showImg()
    {
       var aTmg=document.getElementsByTagName('img');
       var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;
       var scrollBottom=scrollTop+document.documentElement.clientHeight;
    
        for(var i=0;i<aTmg.length;i++)
        {
            var p=getPos(aTmg[i]);
            if(p.top<scrollBottom)
            {
                //alert(aTmg);
                aTmg[i].src=aTmg[i].getAttribute('_src');
            }
        }
    }
  • 相关阅读:
    类继承
    抽象基类 纯虚函数
    虚函数
    Java网络通信
    Java补补补
    刷LeetCode吧
    贝叶斯网络的
    vscode添加vue模板
    vue--项目实例
    Java01
  • 原文地址:https://www.cnblogs.com/lglijing/p/3337358.html
Copyright © 2011-2022 走看看