js简单实现图片延迟加载的方法
更新时间：2016年07月19日 16:30:20 作者：leejersey
这篇文章主要介绍了js简单实现图片延迟加载的方法,涉及javascript针对页面元素的遍历与动态设置技巧,需要的朋友可以参考下
本文实例讲述了js简单实现图片延迟加载的方法。分享给大家供大家参考，具体如下：
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');
}
}
}
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
这篇文章主要介绍了JavaScript中包装对象的一些知识点，包括内置对象等2013-08-08
用Javascript评估用户输入密码的强度（Knockout版）
早上看到博友6点多发的一篇关于密码强度的文章（连接），甚是感动（周末大早上还来发文）2011-11-11
在使用eval生成JSON对象时，一定要注意添加一对圆括号2010-09-09
javascript中万恶的function实例分析，学习js的朋友可以参考下。2011-05-05
轮播停留与无线滚动十分类似，都是利用属性及变量控制移动实现轮播。下面通过本文给大家分享JavaScript轮播停留效果的实现思路，感兴趣的朋友一起看看吧2018-05-05
不知不觉，就到了11月份了，其实我为啥要写js游戏，觉得游戏更能引起共鸣。11月份开篇之作：是男人就下100层，相信大家都玩过。2010-11-11
这篇文章主要介绍了jsonp跨域获取百度联想词的方法,结合实例形式分析了jsonp的原理及跨域获取百度联想词的相关操作技巧,需要的朋友可以参考下2019-05-05
这篇文章主要介绍了JavaScript面向对象核心知识与概念,整理总结了JavaScript面向对象程序设计中基本概念、原理与操作注意事项,需要的朋友可以参考下2020-05-05
解决layui中的form表单与button的点击事件冲突问题
今天小编就为大家分享一篇解决layui中的form表单与button的点击事件冲突问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
js中判断文本框是否为空的两种方法，需要的朋友可以参考下。2011-07-07
最新评论