在下面的代码中,我想在用户悬停跨度时出现一个工具提示,我该怎么做? 我不想使用任何链接。
<span> text </span>
这里有一个简单的内置方式。
<span title="My tip">text</span>
这给了你纯文本的工具提示。 如果你想要丰富的工具提示,并在其中加入格式化的HTML,你需要使用一个库来做到这一点。 幸运的是有很多这样的库。
在大多数浏览器中,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">
所有这些都会在大多数浏览器中呈现工具提示。