js简单实现图片延迟加载的方法
本文实例讲述了js简单实现图片延迟加载的方法。分享给大家供大家参考，具体如下：
window.onload=window.onresize=window.onscroll=function()
{
showImg();
};
functiongetPos(obj)
{
varl=0;
vart=0;
while(obj)
{
l+=obj.offsetLeft;
t+=obj.offsetTop;
obj=obj.offsetParent;
}
return{left:l,top:t};
}
functionshowImg()
{
varaTmg=document.getElementsByTagName('img');
varscrollTop=document.documentElement.scrollTop||document.body.scrollTop;
varscrollBottom=scrollTop+document.documentElement.clientHeight;
for(vari=0;i<aTmg.length;i++)
{
varp=getPos(aTmg[i]);
if(p.top<scrollBottom)
{
//alert(aTmg);
aTmg[i].src=aTmg[i].getAttribute('_src');
}
}
}
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
热门推荐
10 车行销售祝福语简短
11 思念丈夫祝福语简短的话
12 六一婚礼文案祝福语简短
13 2026年春节祝福语简短
14 信件告别祝福语大全简短
15 高温祝福语短语大全简短
16 城堡文案简短婚礼祝福语
17 分手毕业祝福语简短女生
18 姥爷生日诗句祝福语简短