html如何实现鼠标悬停显示文字，鼠标移走文字消失。_随笔

最简单的做法，给标签增加title属性，并赋上要显示的内容，也就是添加title属性即可。

代码：

注：title 属性常与 form 以及 a 元素一同使用，以提供关于输入格式和链接目标的信息。同时它也是 abbr 和 acronym 元素的必需属性。

扩展资料：

HTML的title属性的用法

1、HTML的title属性,当光标移动到该标签时，信息提示框内的内容

</body>

<hr>

<p title="HTML的标签真多啊!">属性选择器</p>

</body>

2、设置标签样式时指定　属性css样式

<!DOCTYPE html>

<html>

<head>

<title>css:是层叠样式表</title>

/*有tittle属性*/

[title] {

color: darkmagenta

}

/*指定tittle属性值*/

[title=t] {

color: red

}

</style>

</head>

<body>

<hr>

<p title="HTML的标签真多啊!">属性选择器</p>

<hr>

<p title="t">属性选择器指定属性值</p>

</body>

</html>

参考资料来源：HTML-百度百科

/***************************

* hover时间

$(".studyUnit").on('mouseenter',function(){

//鼠标经过事件

}).on('mouseleave',function(){

//鼠标离开事件

})

将studyUnit替换成你的class类或者ID(记得将.改成#)。

欢迎分享，转载请注明来源：内存溢出

html如何实现鼠标悬停显示文字，鼠标移走文字消失。