2012-01-03 53 views
0

我有一个地板图像,因为我使用“Usemap”属性来链接坐标。Jquery Image MouseOver通过坐标

像这样:

<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

回答

0

看看这个的jsfiddle我做了。这显然有助于你。

http://jsfiddle.net/SB77y/

+0

要运行此脚本我应该怎么需要 – 2012-01-03 10:52:11

+0

落实小提琴的脚本和定制它像你需要它。将类名更改为你的名字,它会起作用。 – 2012-01-03 10:55:09