当在图像上悬停时显示使用jquery的工具提示

这里我给一个图像，我需要什么样的工具提示。当在图像上悬停时显示使用jquery的工具提示

enter image description here

当上终身保修图像一些一个悬停鼠标指针然后只在图像下的工具提示显示提示和被定位在这样的方式，在下面的图像的中央上的图像位置。

我知道如何显示工具提示时使用jquery悬停在图像上，但我不能显示工具提示下的图像和悬停图像即将到来的中心。所以我需要帮助。如果可能的话，请帮助我提供示例代码。谢谢

2012-01-13 Thomas

我刚才看到一个工具提示，似乎与你描述的一个。

2012-01-13 08:43:20

我不想使用任何插件。相反，我可以编写代码来显示悬停图像下的div。我只需要知道计算结果如何在目标图像下显示我的工具提示，并且工具提示需要位于悬停图像的底部中心位置。你可以告诉我这样的计算或示例代码。 – Thomas 2012-01-13 08:56:01

你可以使用CSS来放置图片下面的工具提示，jQuery可以用来显示工具提示或隐藏它。

2012-01-13 08:42:43 XepterX

我只需要知道什么将是多么的目标图像和工具提示下，计算到我的刀尖需要像悬停图像的底部中心位置。你可以告诉我这样的计算或示例代码。 – Thomas 2012-01-13 08:54:37

这是一个快速代码，http://jsfiddle.net/JLaVm/，相应地改变为适合您的页面的css – XepterX 2012-01-13 09:12:55

这很酷，但我想显示红色div出现在黑色div的底部中心。我需要做的，但我不想在CSS中操作，而是我需要通过计算设置红色div的左侧pos，结果它会出现在黑色div的底部中心。如有可能，请通过更改我们的代码进行帮助。谢谢 – Thomas 2012-01-13 10:06:11

回答