信息弹出

Question

亥， 我看到一些事情，当鼠标悬停在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库生成更友好的工具提示

带有jQuery

的

tooltip plugin 带有Prototype

的

tooltip extension

Answer 5

要向任何内容添加工具提示，请使用标记<acronym>或german: (great html reference page)。如有必要，可以使用CSS。