如何将提示框添加到非超链接HTML标签

Question

4

有没有办法给非超链接添加工具提示？

也就是说，当鼠标悬停在文本上方时，我想要一个鼠标悬停工具提示。请提供一个基于非超链接的工具提示实际示例。

谢谢

- user244394

3个回答

1

<span title="this is the tooltip">Text user will see on page goes here</span>

你可以像这样为几乎所有的HTML标签添加title属性，除了<base>, <head>, <html>, <meta>, <param>, <script>, <style>和<title>。更多信息来自W3Schools 这里。

有各种JavaScript选项可供选择，其优点是您可以更改样式，例如使工具提示更大或在文本中添加换行符。缺点是实现更复杂，如果您有很多，则可能会影响页面的响应性。由你决定 :)

- Matt Gibson

1

有许多jQuery插件可以适应这种行为。您可以在jQuery选择器上使用工具提示。或者只需使用“title”属性。

- Joe

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Curtis · Accepted Answer

如果您所说的提示工具指的是title属性，那么您可以将其应用到许多不同的HTML元素上。例如：span：

<span title="This is my tooltip">roll over me!</span>

但如果您指的是JavaScript工具提示，则还可以应用于其他元素：