如何将工具提示添加到非超链接HTML标记

时间:2012-04-03 14:38:57

标签: html css tooltip

有没有向非超链接添加工具提示?

即。当它翻过文本时,我希望鼠标悬停在工具提示上 我将非常感谢一个不基于超链接的工具提示的工作示例

由于

3 个答案:

答案 0 :(得分:5)

如果通过工具提示表示title属性,则可以将其应用于许多不同的HTML元素。例如span

<span title="This is my tooltip">roll over me!</span>​

http://jsfiddle.net/Curt/cBHf7/


但是,如果你指的是javascript工具提示,那么这些也可以应用于锚之外的元素:

http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/

答案 1 :(得分:1)

<span title="this is the tooltip">Text user will see on page goes here</span>

除了<base>, <head>, <html>, <meta>, <param>, <script>, <style><title>之外,您几乎可以为所有HTML标记添加标题属性。来自W3Schools here的更多信息。

有各种各样的JavaScript选项,其优点是可以改变音节,例如:使工具提示更大,或在文本中添加换行符。缺点是它实现起来更复杂,如果你有很多,可能会影响页面响应。你的电话:))

答案 2 :(得分:1)

有许多jQuery插件可以适应这种行为。您可以在jQuery选择器上进行工具提示。或者只使用“标题”属性。

http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/