Jquery 图像鼠标悬停通过坐标

发布于 2024-12-24 02:25:46 字数 912 浏览 2 评论 0原文

我有一个地板图像，因为我使用“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 则应不显示并且还有档案室。

如何在 Jquery 或 javascript 中实现此功能？..

FYR：

因为我需要...

输入链接此处描述

原文

I am having an Floor Image in that i am using the "Usemap" attribute to link the coordinates.

Like this:

 <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>

Now what i need is i will be having two image like 1.Store Room 2.Record Room

for eg:

Suppose if do onmouseover on the store room the area which is in the store room should highlight and then onmouseover it should be display none and also recordroom.

How to implement this either in Jquery or javascript?..

FYR:

As this i need...

enter link description here

分享到QQ

分享到微博