弹出信息

Question

Hai， 我看到了一些当鼠标悬停在HTML页面中的链接/单词上时，信息会弹出。 任何人都可以发布一些示例代码或链接来实现这一点。 在此先感谢。

Answer 1

这里有10个插件列表，这可能是有趣：

• http://www.reynoldsftw.com/2009/03/10-excellent-tooltip-plugins-with-jquery/

或 - 如果您想提示添加到链接 - 只使用title属性：

<a href="#" title="Hello, Tooltips">Hello</a> 

Answer 2

那完全取决于你使用的是什么javascript框架。 例如在jquery中，这个插件工具提示（http://jquery.bassistance.de/tooltip/demo/）使得它变得微不足道。

如果你没有使用任何框架，然后使用的onmouseover等 如

链接

Answer 3

您可以使用jQuery QTip做到这一点。

Source and examples here

Answer 4

您可以使用标准的HTML属性

<img src="path_to_image" title="Information tip about the image"/> 

或者使用JS librery产生更多的友好提示

jQuery有tooltip plugin

Prototype与tooltip extension

Answer 5

要向任何内容添加工具提示，请使用标签<acronym>或german: (great html reference page)。如果需要，请使用CSS样式。