当文字达到限制限制省略号并且自动收缩 还有可以点击展开的代码~

Question

当文字达到限制限制省略号并且自动收缩 还有可以点击展开的代码~而且能在同一页面多次使用的~请大家帮帮忙啦~~

Answer 1

如果你用的是java的话，建议你自己写一个标签，你说的这种功能很简单的。！

Answer 2

<script type="text/javascript" src="jquery.js"></script>
<script language="javascript" type="text/javascript">
$(function() {
$("input[type='text']").each(function(i,n){
var str1=$(n).attr("value");
var str2="";
if(str1.length>=4){
str2=str1.substring(0,4)+"...";
}
$(n).attr("value",str2);
$(n).click(function(){
if($(n).attr("value")==str1){
$(n).attr("value",str2);
}else{
$(n).attr("value",str1);
}
});
});
});
</script><input type="text" id="test1" value="aaaabbbbccccdddd111"/><br>
<input type="text" id="test2" value="aaaabbbbccccdddd222"/><br>
<input type="text" id="test3" value="aaaabbbbccccdddd333"/><br>
<input type="text" id="test4" value="aaaabbbbccccdddd444"/><br>
试试

Answer 3

可以考虑用css的text-overflow : clip 隐藏
当点击的时候将样式换成：word-wrap : break-word  自动换行的

Answer 4

overflow:hidden;text-overflow :ellipsis;
可惜文字只能有一行

Answer 5

问题类似这个帖子：http://topic.csdn.net/u/20100706/00/32af8e64-5f9a-4211-b1fd-4fbbc7a7fe89.html为了增加点击切换，新修改了下：http://jsfiddle.net/9CJQ3/2/
多个节点就多调几次函数即可。当然折叠效果需要自己加上去。支持单行，多行，任意字体大小。

Answer 6

楼上的大大~我本地测试不行哦~要不要写个实例我呢~Thank 有啦~~