當在圖像上懸停時顯示使用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

回答