如何將4個不同的工具提示應用到單個圖像上

有人可以幫助我，如何將4種不同類型的工具提示應用到單個圖像上？當有人將鼠標懸停在頂部圖像的左上角和右側時，此時應該顯示4個不同的工具提示。如何將4個不同的工具提示應用到單個圖像上

在這裏，我已經把我需要的例子。它在Flash中，但我不想使用Flash。 http://www.lavasa.com/high/

如果您對此有任何想法，請與我分享。

來源

2011-02-09 Rakesh Prajapati

如果您指的是背景移動的方式，您給出的示例並不是完全相同的問題，因爲這可以通過使用鼠標相對於瀏覽器窗口大小的位置來實現。 – Rob 2011-02-09 07:45:18

您可以在圖像上添加4個透明圖像並在其中應用懸停方法。

來源

2011-02-09 07:41:47 kgiannakakis

我想你有三個選擇。

做了一些工作並顯示「手動」工具提示，即使用javascript或其他東西的浮動div，可能有一堆庫用於執行此操作。
將圖像分成四部分，併爲每部分提供一個標題（將顯示爲鼠標懸停的工具提示）。
做一個<map>舊學校。

一個例子使用<map>：

<img src="trees.gif" usemap="#green" border="0"> 
<map name="green"> 
    <area title="Save" shape="polygon" coords="19,44,45,11,87,37,82,76,49,98" href="http://www.trees.com/save.html"> 
    <area title="Furniture" shape="rect" coords="128,132,241,179" href="http://www.trees.com/furniture.html"> 
    <area title="Plantations" shape="circle" coords="68,211,35" href="http://www.trees.com/plantations.html"> 
</map>

（從http://www.javascriptkit.com/howto/imagemap.shtml這是第一個谷歌命中大搖大擺偷，只是增加了「title'標籤）

來源

2011-02-09 07:47:02 falstro

我覺得你找圖像映射與工具提示。下面是我可以找到的一個簡單示例，您想要查看的演示位於頁面的底部。

http://jquery.bassistance.de/tooltip/demo/

來源

2011-02-09 07:47:38 Zachary

那麼圖像映射也構成了我。但這些是另一個更簡單的方法，無需編寫自定義JavaScript。只需將圖像剪切成4個不同的部分，並將工具提示應用於每個或簡單的<img alt="txt for north-west"/>將顯示一些圖像工具提示。

來源

2011-02-09 07:53:25