Question

<li></li>中的多余文字隐藏，当鼠标悬停上去后以tip形式显示完整的内容，用jquery或者js实现？

如图，只要鼠标悬停在文字上，以点点省略的内容完整的显示出来(就像当把鼠标放到时间上windows会显示具体时间一样)。

Answer 1

<li id="id">
这里面的内容你可以使用jstl函数标签进行判断然后截取要现实的部分
紧接着就是定一个<input type="hidden" id="hidden_id" value="存放全部内容"/>

肯定是保证 input > id == li > 'hidden_' + id
<li/>
$('#id').mouseover(function(){
var id = $(this).attr('id');
var hiddenId = 'hidden_' + id;
$(this).attr('title',$('#'+hiddenId).val());
});

鼠标移出会自动隐藏

Answer 2

楼下的是一个方法，但是这样又用js又用jquery的，如果文章多，遍历一次耗费内存和时间是比较多的。

<a href="#" title="文字内容123">文字内容1....</a>

用系统自带的比较好