添加hover文本没有JavaScript像我们hover在用户的声誉

在计算器中，当我们hover在用户的声望上时，我们看到一个文本。 我在很多地方看到过这个，源代码告诉我可以在没有js的情况下完成。 而我试图得到只有这个 –

<div="text">hover me</div> 

Answer 1

使用title属性。

 <div title="text">hover me</div> 

要么

 <span title="hoverin' words">hover me</span> 

Answer 2

标题属性也适用于其他html元素，例如链接…

 <a title="hover text" ng-href="{{getUrl()}}"> download link </a> 

Answer 3

你正在寻找工具提示

对于基本的工具提示，你需要：

 <div title="This is my tooltip"> 

对于一个fancier的javascript版本，你可以看看：

http://www.designer-daily.com/jquery-prototype-mootool-tooltips-12632

上面的链接为您提供了12个工具提示选项。

Answer 4

在这种情况下，我经常会到达缩写html标签。

<abbr title="Hover">Text</abbr>

https://www.w3schools.com/tags/tag_abbr.asp