jsp页面,table中的文本溢出,用省略号代替,鼠标滑过显示全部文本

如题所述

先说一下,看看能不能自己实现了。
不知道页面上面是不是可以用c:if标签,如果不可以,而用得是嵌入java代码的形式,也行。自己看着判断一下字符串的长度,如果超过一定的长度(可以设为十个或者几个字),就显示截取固定长度的字符串,然后后面显示省略号。这是省略号的显示。
鼠标尝过,显示全部文本。这一点做到其实比较简单。最简单的方式就是,把已经显示的内容(比如,上面截取出来的字符串),外面加上一个标签(可以是font),然后在利用这个标签的title属性,类似如下:
<td><font title="这里是显示的所有文字,没有任何省略">这里是显示的简略文字</font></td>
这样,在鼠标划过的时候,就能显示出完整的内容
再者,就是通过标签的onmouseover,来控制了。
<html>
<body>
<table>
<td><div onmouseover="document.getElementById('001_word_detail').style.display=''"
onmouseout="document.getElementById('001_word_detail').style.display='none'"
id="001_word" >这里是显示的文字的简略内容</div>
<div style="display:none;position:absolute;" id="001_word_detail">这里显示的是全部的文字,没有一点简略</div>
</td></table>
</body>
</html>
试试看。
当然,如果是大量的数据,而且里面又有各种标点符号的话,可能还是需要一楼说得,得借助ajax了。
看看前面说得这两种方法,能不能满足需要么。
天天开心呀。。。
:)
温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2016-10-03
CSS有个属性是设置超过的部分就用省略号表示,做一个div层,设置这个属性,鼠标经过时,用JS把这个属性取消,鼠标移出时再复原

这是个思路,指定能实现,代码自己写吧本回答被提问者采纳
第2个回答  2011-02-28
可以考虑js或者结合ajax。

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网