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

如图,只要鼠标悬停在文字上,以点点省略的内容完整的显示出来(就像当把鼠标放到时间上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());
});

鼠标移出会自动隐藏
温馨提示:答案为网友推荐,仅供参考
第1个回答  2011-10-21
楼下的是一个方法,但是这样又用js又用jquery的,如果文章多,遍历一次耗费内存和时间是比较多的。

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

用系统自带的比较好本回答被提问者采纳

相关了解……

你可能感兴趣的内容

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