jquery - 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 Room 2.Record Room

例如：

假设如果在储藏室上进行鼠标悬停，储藏室中的区域应该突出显示，然后鼠标悬停它应该是无显示和记录室。

如何在 Jquery 或 javascript 中实现这一点？

财政年度：

因为这个我需要...

在此处输入链接描述

Answer 1

看看我制作的这个 jsfiddle。可能这对你有帮助。

http://jsfiddle.net/SB77y/