html 文字隐藏固定行数,网页文字默认显示固定行数，点击按钮显示全部怎么实现？...

*{margin: 0;padding:0;list-style: none;}

body{background: #333;font-size: 14px;font-family:"微软雅黑"}

a{color: #333;text-decoration: none;}

.hidden{ display: none;}

.lanren{width: 800px;height: auto;margin:0 auto;overflow: hidden;text-align: left;background:#fff;padding:5px;}

.lanren ul.list{overflow: hidden;}

.lanren ul.list li{width: 150px;height: 150px;margin:5px;float: left;overflow: hidden;}

.lanren ul.list li img{width: 100%;height: 100%;}

.lanren ul.list p{text-align: center;padding: 10px;}

.lanren .more{overflow: hidden;padding:10px;text-align: center;}

.lanren .more a{display: block;width: 80px;padding:8px 0;color:#fff;margin:0 auto;background:#333;text-align:center;border-radius:3px;}

.lanren .more a:hover{text-decoration: none;background: red;color: #fff;}

33

• 数据加载中，请稍后...

加载更多

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

var lanren = {

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

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

init:function(){

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

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

for(var n=0;n

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

}

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

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

})

for(var i=lanren._default;i

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

}

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

},

loadMore:function(){

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

for(var i =0;i

var target = _content.shift();

if(!target){

$('.lanren .more').html("

全部加载完毕...

");

break;

}

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

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

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

});

}

}

}

lanren.init();