工具提示就像控制div一样

时间:2010-07-14 06:48:28

标签: css

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

感谢

3 个答案:

答案 0 :(得分:1)

您可以使用title属性:

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

或者看看这个(一个javascript示例,不会自动隐藏,但可以很容易地修改它):

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

答案 1 :(得分:0)

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

例如

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

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

答案 2 :(得分:0)

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