javascript - 向 div 添加工具提示

Question

我有一个这样的 div 标签:

<div>
  <label>Name</label>
  <input type="text"/>
</div>

如何在 div 的 :hover 上显示工具提示，最好带有淡入/淡出效果。

Answer 1

对于基本工具提示，您需要:

<div title="This is my tooltip">

喜欢:

.visible {
  height: 3em;
  width: 10em;
  background: yellow;
}

<div title="This is my tooltip" class="visible"></div>

对于更高级的 javascript 版本，您可以查看:

https://jqueryhouse.com/best-jquery-tooltip-plugins/

以上链接为您提供了 25 个工具提示选项。