qiayue
2012-11-21 13:07:19 +08:00
jquery自己写,很简单的啊
他的内容是全输出的,但是外边包了一个div,设置这个div固定高度(该站使用241px,建议是行高的整数倍,不然会出现最后一行只显示上一半文字效果)并且溢出隐藏。
当点击“展开全文”时,设置该div高度为100%,就自动显示全文了。
当点击“向上收起”时,设置该div高度为固定高度,就自动只显示一部分了。
部分js代码给你复制出来了,仅用于说明以上回复,不要说我copy。:-D
$('a.content_expand').unbind('click').bind('click', function(){
var link = $(this);
var data = link.attr('data');
$('#cell_' + data + ' div.post_excerpt').height('100%');
link.hide();
link.next().show();
});
$('a.content_fold').unbind('click').bind('click', function(){
var link = $(this);
var data = link.attr('data');
$('#cell_' + data + ' div.post_excerpt').height('241px');
link.hide();
link.prev().show();
$('html,body').animate({scrollTop: $('#cell_' + data + ' div.post_excerpt').offset().top-80},'10');
});