Jquery鼠标放上去显示全名的实现方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Jquery鼠标放上去显示全名的实现方法相关的知识,希望对你有一定的参考价值。

第一种方式

使用mouseover、mouseout事件   
// 鼠标滑过显示全名
var origin_name;
$(‘.task_name‘).mouseover(function() {
  origin_name = $(this).text();
  $(this).text($(this).nextAll("input").val());
}).mouseout(function() {
  $(this).text(origin_name);
});

第二种方式

使用a标签的title属性

<a title="xxxx">缩写名</a>

鼠标发上去就会显示title的属性值

转载自http://www.jb51.net/article/104721.htm

以上是关于Jquery鼠标放上去显示全名的实现方法的主要内容,如果未能解决你的问题,请参考以下文章

关于一个jquery的功能,那位牛人见过

css3 实现鼠标放上去图片外框不变大,里面中心放大

如何实现鼠标放在图片上显示一个播放图标?

jQuery 如何实现 “鼠标悬浮下拉菜单” 效果?

HTML网页布局里,鼠标放上去时,页面如何实现导航栏下面内容的切换(HTML+CSS网页布局)

怎样可以让ToolTip直接显示 而不用将鼠标放上去