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

不使用 JavaScript 创建 HTML 鼠标悬停工具提示的最简单、最干净的方法是什么？

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

鼠标在上面，并有一个不错的工具提示“我们是宾州!”

88810 次浏览

小开

最佳答案

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

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

但如果需要更多信息，请尝试 jQuery UI 自1.9版以来提供的提示小部件。

小开

如果您不太关心工具提示看起来像什么，那么您可以一直使用“ title”属性