2013-01-04 14 views
3

我試圖做使用JavaScript如下:的Javascript懸停單獨的選擇

  1. 將鼠標懸停在地圖上,它必須標記鼠標光標下方的區域。
  2. 單擊所選區域時可以創建新窗口。

[我已經實現 - 將鼠標懸停在工作矩形的左側map

不過,我需要的區域是工作的其他東西比平方&幾何對象。 什麼是最好的/簡單的方法來執行它,所以你可以選擇像下面的圖像區域?

Image with selections

+0

我無法查看您的圖片,您可以在此頁面上載嗎? –

回答

2

基本上你可以使用區域標籤象下面這樣:

<img src="planets.gif" width="145" height="126" alt="Planets" 
usemap="#planetmap"> 

<map name="planetmap"> 
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun"> 
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury"> 
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus"> 
</map> 

這裏是鏈接:http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_areamap

所以,你可以將ID分配給每個區域,你可以寫懸停,點擊javascript中的代碼。

+0

是的,我唯一的麻煩是不是幾何形狀的區域 – Laresh

+0

我無法查看您的圖片,您可以,在此頁面上載? –