2010-07-14 88 views
2

没有人知道如何在div上创建工具提示。在我的网页,我有4格,我想每次用户鼠标移到一个div,它会从顶部和几秒钟的提示将自动隐藏后显示下行的提示..工具提示像div上的控制

THANKS

回答

0

如果你可以使用JavaScript和JQuery这是很简单的,看看

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

在纯HTML做这和CSS会更复杂。你可以玩:悬停,绝对 定位和z-索引来实现它。

+0

大家好..对不起,我感到困惑..它会在图像上的东西,当你把鼠标放在它上面,你可以看到标题(请参阅http://nivo.dev7studios.com/demos/并转到“与标题和链接“部分。而不是在图像上我怎么能实现它在div – user384080 2010-07-14 07:05:16

1

您可以使用title属性:

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

还是来看看这个(A JavaScript的例子,不自动隐藏,但可以很容易地修改这样做):

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

+0

大家好..抱歉的混乱..它将是图像上的东西时,你将鼠标放在它上面,你可以看到标题(请参阅http://nivo.dev7studios.com/demos/并转到“带有标题和链接”部分。但是,而不是在图像上我怎么能实现它在div – user384080 2010-07-14 07:04:34

0

我会推荐你​​的TipTip jQuery Plugin它很容易适应,也容易扩展。询问你是否需要帮助。

+0

大家好..抱歉的混乱。 。当您将鼠标移到图片上时,它会显示在图片上,您可以看到标题(请参阅http://nivo.dev7studios.com/demos/并转到“with caption&links”部分。图像我怎么能在div上实现它 – user384080 2010-07-14 07:05:46