以下是实现代码(基于jquery): 复制代码 代码如下: function lazyload(option){ var settings={ defObj:null, defHeight:0 }; settings=$.extend(settings,option||{}); var defHeight=settings.defHeight,defObj=(typeof settings.defObj=="object")?settings.defObj.find("img"):$(settings.defObj).find("img"); var pageTop=function(){ return document.documentElement.clientHeight+Math.max(document.documentElement.scrollTop,document.body.scrollTop)-settings.defHeight; }; var imgLoad=function(){ defObj.each(function(){ if ($(this).offset().top<=pageTop()){ var src2=$(this).attr("src2"); if (src2){ $(this).attr("src",src2).removeAttr("src2"); } } }); }; imgLoad(); // 绑定滚动事件 $(window).bind("scroll",function(){ imgLoad(); }); } lazyload({ defObj:"#plist" })

　　推荐阅读

　　基于jquery的淡入淡出选项卡效果代码

经典选项卡 .tab{text-align:left;width:500px;border:#ccc 1px solid;margin:100px;} .tab dt{border-bottom:#ccc 1px solid;height:25px;background:#f1f1f1;margin-bottom:-1px;height:25px;lin>>>详细阅读

本文标题：基于jquery的图片懒加载js

地址：http://www.17bianji.com/kaifa2/JS/26129.html

 1/2    1