突出显示文本和图像上的多边形的形状而同时

Question

我想实现类似于this site的效果：

只而不是鼠标悬停功能，把一个边界对应的图像周围，我想通过在图像上绘制具有定义坐标的多边形来简单地突出显示图像的不同部分。

我有我的网站建立一个测试在：

http://perfectdays.ca/image-map/

我使用了一种叫做ImageMapper在WordPress作为你看到它的网站上创建图像地图插件。现在，例如，当您将鼠标悬停在手臂上时，图像上的手臂区域会突出显示。

我无法弄清楚如何：a）在鼠标悬停手臂时突出显示相应的文本，反之亦然（更重要的是）在鼠标悬停文本“双臂”时突出显示手臂。

有一个类似的帖子Javascript Newbie: How to highlight text and image in different divs on mouseover。

但我无法弄清楚如何适应，包括图像的某些部分的突出显示，而不使用上面提到的插件。

任何帮助，非常感谢。

Answer 1

你能把这个放在你的区域标签吗？

onmouseover="highlight(this.id);" 

然后，你可以做一个简单的JavaScript函数，改变类中的相应链接。