JS实现网站点击加载更多翻页功能

<script src="https://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>

<script>

var _content = []; //临时存储li循环内容

var wzcon = {

_default:10, //默认显示图片个数

_loading:5, //每次点击按钮后加载的个数

init:function(){

var lis = $(".wzcon .hidden li");

$(".wzcon ul.list").html("");

for(var n=0;n<wzcon._default;n++){

lis.eq(n).appendTo(".wzcon ul.list");

}

$(".wzcon ul.list img").each(function(){

$(this).attr('src',$(this).attr('realSrc'));

})

for(var i=wzcon._default;i<lis.length;i++){

_content.push(lis.eq(i));

}

$(".wzcon .hidden").html("");

},

loadMore:function(){

var mLis = $(".wzcon ul.list li").length;

for(var i =0;i<wzcon._loading;i++){

var target = _content.shift();

if(!target){

$('.wzcon .more').html("<p>全部加载完毕...</p>");

break;

}

$(".wzcon ul.list").append(target);

$(".wzcon ul.list img").eq(mLis+i).each(function(){

$(this).attr('src',$(this).attr('realSrc'));

});

}

}

}

wzcon.init();

</script>