Jquery Image MouseOver通过坐标

时间:2012-01-03 10:06:56

标签: jquery mouseover onmouseout

我有一个楼层图像,因为我使用“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

例如:

假设如果在商店房间进行onmouseover,那么商店房间内的区域应该突出显示,然后在onmouseover上它应该是none而不是recordroom。

如何在Jquery或javascript中实现它?

FYR:

因为我需要......

enter link description here

1 个答案:

答案 0 :(得分:0)

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

http://jsfiddle.net/SB77y/