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’ 属性也适用于 <span> 元素，因此您可以轻松地在文本上显示简单的鼠标悬停工具提示。
- 谢谢您的回答。这很好用！
如果您不太在意工具提示的外观，您可以随时使用 “title” 属性
来源：https://www.codenong.com/7503183/
