首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何向span元素添加工具提示?

如何向span元素添加工具提示?
EN

Stack Overflow用户
提问于 2009-06-28 19:35:59
回答 4查看 402.1K关注 0票数 400

在下面的代码中,我希望当用户悬停跨度时弹出一个工具提示,我该怎么做?我不想使用任何链接。

<span> text </span>
EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2009-06-28 19:36:32

下面是简单的内置方法:

<span title="My tip">text</span>

这将为您提供纯文本工具提示。如果你想要丰富的工具提示,里面有格式化的HTML,你需要使用一个库来实现。幸运的是there are loads of those

票数 753
EN

Stack Overflow用户

发布于 2009-06-28 19:41:40

在大多数浏览器中,title属性将呈现为工具提示,并且通常可以灵活地选择要使用的元素类型。

<span title="This will show as a tooltip">Mouse over for a tooltip!</span>
<a href="http://www.stackoverflow.com" title="Link to stackoverflow.com">stackoverflow.com</a>
<img src="something.png" alt="Something" title="Something">

所有这些都将在几乎所有浏览器中呈现工具提示。

票数 22
EN

Stack Overflow用户

发布于 2016-10-26 20:47:41

对于基本工具提示,您需要:

<span title="This is my tooltip"> Hover on me to see tooltip! </span>

票数 10
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1055581

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档