如图,只要鼠标悬停在文字上,以点点省略的内容完整的显示出来(就像当把鼠标放到时间上windows会显示具体时间一样)。
<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());
});
鼠标移出会自动隐藏
这里面的内容你可以使用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());
});
鼠标移出会自动隐藏
温馨提示:答案为网友推荐,仅供参考
第1个回答 2011-10-21
楼下的是一个方法,但是这样又用js又用jquery的,如果文章多,遍历一次耗费内存和时间是比较多的。
<a href="#" title="文字内容123">文字内容1....</a>
用系统自带的比较好本回答被提问者采纳
<a href="#" title="文字内容123">文字内容1....</a>
用系统自带的比较好本回答被提问者采纳