延迟加载和预加载实现

延迟加载:
obj.offsetTop < 可视区高度 + 滚动距离;
obj.offsetTop < document.documentElement.clientHeight +
(document.documentElement.scrollTop || document.body.scrollTop);



    
    
    
    


      

        预加载-图片:
        自己偷偷地加载
        Image对象:
        //创建一个新的Image对象
        var img = new Image();
        img.src img....

        var img = new Image();
                img.src = 'img/bbb1.jpg'; 
                img.onload = function(){
                    alert('加载完成!');
                }; 
                img.onerror = function(){
                    alert('失败了!');
                };
        

        你可能感兴趣的:(延迟加载和预加载实现)