求点击more显示更多内容的效果解决思路

2012-04-16

求点击more显示更多内容的效果有一段文字，比如说有15行吧，现在只要显示3行，在文字末尾有个more，点击more就

求点击more显示更多内容的效果
有一段文字，比如说有15行吧，现在只要显示3行，在文字末尾有个more，点击more就把15行全部显示出来，如果再点击more又只显示3行

[解决办法]
js控制display交替为block和none，显示和隐藏
[解决办法]

探讨
有一段文字，比如说有15行吧，现在只要显示3行，在文字末尾有个more，点击more就把15行全部显示出来，如果再点击more又只显示3行

[解决办法]

探讨
有一段文字，比如说有15行吧，现在只要显示3行，在文字末尾有个more，点击more就把15行全部显示出来，如果再点击more又只显示3行

[解决办法]
DIV display:none;
然后用jquery click， sliderUp sliderDown 控制
[解决办法]
将文字放入DIV,然后用JS更改它的高度.
[解决办法]
js控制高度。
[解决办法]
一般我们不会单独为多出来得数据做DIV，我做了一个简易的HTML可以参考一下

HTML code

body><ul><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li></ul><a href="#">more</a><script language="javascript">var max = 0;var maxline = 3;// init$(function(){    max = $("ul>li").size() > maxline ? maxline - 1 : $("ul>li").size() - 1;    $("ul>li").eq(max).nextAll("li").hide();});// click more link$("a").toggle(function(){    $("ul>li").eq(max).nextAll("li").show();},function(){    $("ul>li").eq(max).nextAll("li").hide();});</script></body>
[解决办法]
http://www.cnblogs.com/littledu/articles/2034959.html 这里面有事例可以参考，用的是jquery和js。

热点排行

CSS

求点击more显示更多内容的效果解决思路