前端学习 第七弹: Javascript实现图片的延迟加载
为了实现图片进入视野范围才开始加载首先:
<img src="" x-src="/acsascasc.jpg">
这时src是空的没有加载图片
$(window).scroll(function (){ $("img").each(function(){ if ($(this).src == ""){ if ( ($(this).offset().top + $(this).width()/2)<($(window).height()+$(window).scrollTop() ) ){ $(this).attr("src",$(this).attr("x-src")); } } }); });
$().attr(,) 设置并返回元素的某个属性
时间: 2024-12-11 22:49:22