jQuery图片懒加载代码

这是一款jQuery图片懒加载代码，点击加载更多代码，点击加载更多图片js特效。

js代码
<scriptsrc="js/jquery.min.js"></script>
<script>
var_content=[];//临时存储li循环内容
varmoreload={
_default:10,//默认显示图片个数
_loading:5,//每次点击按钮后加载的个数
init:function(){
varlis=$(".moreload.hiddenli");
$(".moreloadul.list").html("");
for(varn=0;n<moreload._default;n++){
lis.eq(n).appendTo(".moreloadul.list");
}
$(".moreloadul.listimg").each(function(){
$(this).attr('src',$(this).attr('realSrc'));
})
for(vari=moreload._default;i<lis.length;i++){
_content.push(lis.eq(i));
}
$(".moreload.hidden").html("");
},
loadMore:function(){
varmLis=$(".moreloadul.listli").length;
for(vari=0;i<moreload._loading;i++){
vartarget=_content.shift();
if(!target){
$('.moreload.more').html("<p>全部加载完毕...</p>");
break;
}
$(".moreloadul.list").append(target);
$(".moreloadul.listimg").eq(mLis+i).each(function(){
$(this).attr('src',$(this).attr('realSrc'));
});
}
}
}
moreload.init();
</script>



下载

2023-11-22 21:42 上传

点击文件名下载附件