工具提示就像控制div一样

Question

有没有人知道如何在div上创建工具提示。在我的页面上，我有4个div，我希望每次用户将鼠标移到div上时，它会从顶部显示工具提示，几秒钟后工具提示将自动隐藏..

感谢

Answer 1

您可以使用title属性：

<div id="myDiv" title="My Tool Tip Text here">Div Stuff</div>

或者看看这个（一个javascript示例，不会自动隐藏，但可以很容易地修改它）：

http://djgdesign.co.uk/display.php?id=47

Answer 2

如果你可以使用javascript和JQuery，那很简单，看看

例如

http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/

在纯HTML和CSS中执行它会更复杂。你可以玩：悬停，绝对 定位和z-index来实现它。

Answer 3

我建议你TipTip jQuery Plugin它很容易适应，也很容易扩展。询问您是否需要帮助。