当前位置:Gxlcms > JavaScript > Jquery鼠标放上去显示全名的实现方法

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

时间:2021-07-01 10:21:17 帮助过:1人阅读

第一种方式

使用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的属性值

以上这篇Jquery鼠标放上去显示全名的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

人气教程排行