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

Question

我正在尝试实现类似于this site的效果：

我只想通过在图像上绘制具有定义坐标的多边形来简单地突出显示图像的不同部分，而不是鼠标悬停函数在相应图像周围设置边框。

我在以下位置对我的网站进行了测试：

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

我在 Wordpress 中使用了一个名为 ImageMapper 的插件来创建您在网站上看到的图像映射。例如，现在，当您将鼠标悬停在手臂上时，图像上的手臂区域会突出显示。

我不知道如何 a) 将鼠标悬停在手臂上时突出显示左侧的相应文本，反之亦然（更重要的是），将鼠标悬停在文本“Full Arms”上时突出显示手臂。

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

但是，如果不使用上述插件，我无法弄清楚如何调整它以包括突出显示图像的某些部分。

非常感谢任何帮助。

Answer 1

你能把它放在你的区域标签中吗？

onmouseover="highlight(this.id);"

然后你可以只做一个简单的javascript函数来改变相应链接的类。