Jquery Image座標によるマウスオーバー

"Usemap"属性を使用して座標をリンクしているというフロアイメージがあります。このようJquery Image座標によるマウスオーバー

：

<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ルーム

のような二つの像を持つことになるです。

店内でonmouseoverを行うと、店内の領域が強調表示され、次にnmouseoverそれは表示なしであり、また記録室であるべきです。？いずれかのjQueryやJavaScript ..でこれを実装する方法

FYR：私は必要このよう

...

enter link description here

出典

2012-01-03 Kajah User