Jquery Image MouseOver通過座標

Question

我有一個地板圖像，因爲我使用「Usemap」屬性來鏈接座標。

像這樣：

<table width="100%" border="0" cellspacing="0" cellpadding="0"> 
     <tr> 
      <td> 
       <img src="5th_floor_screen-size.jpg" width="1372" height="906" border="0" usemap="#Map" /></td> 
     </tr> 
    </table> 

<area class="tooltip" shape="rect" coords="1232,550,1298,621" href="#" title="Store Room" /> 
     <area class="tooltip" shape="rect" coords="1301,550,1351,621" href="#" title="Record Room" /> 
</map> 

現在我需要的是我將具有象1.Store房2.Record兩個影像

房

爲如：

假設如果在商店房間的小房間應該高亮顯示，然後o nmouseover它應該顯示沒有和記錄室。

如何實現這一點無論在jQuery中或JavaScript ..

FYR：

由於此，我需要......

enter link description here

Answer 1

看看這個的jsfiddle我做了。這顯然有助於你。

http://jsfiddle.net/SB77y/