关于工具提示：创建 HTML 鼠标悬停工具提示的最简单方法是什么？


What is the easiest way to create an HTML mouseover tool tip?

在不使用 JavaScript 的情况下创建 HTML 鼠标悬停工具提示的最简单、最简洁的方法是什么？

1
<img id=Pennstate src="/blah" style="cursor:pointer;">

将鼠标悬停在上面并有一个漂亮的工具提示"我们是宾夕法尼亚state！"

最简单的方法是使用原生 HTML title 属性：

1
2
3
<img src="https://stackoverflow.com/favicon.ico"
     style="cursor:pointer;"
     title="Stack Overflow">

但如果您需要更多，请尝试 jQuery UI 从 1.9 版本开始提供的工具提示小部件。

相关讨论

如果您不太在意工具提示的外观，您可以随时使用 "title" 属性