关于工具提示:创建 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” 属性


原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/tech/269185.html

(0)
上一篇 2022年6月20日 17:57
下一篇 2022年6月20日 17:58

相关推荐

发表回复

登录后才能评论