我正在尝试实现类似于此站点的效果:
我只想通过在图像上绘制一个具有定义坐标的多边形来简单地突出显示图像的不同部分,而不是鼠标悬停函数在相应的图像周围放置一个边框。
我在以下位置对我的网站进行了测试:
http://perfectdays.ca/image-map/
我在 Wordpress 中使用了一个名为 ImageMapper 的插件来创建您在网站上看到的图像映射。例如,现在,当您将鼠标悬停在手臂上时,图像上的手臂区域会突出显示。
我不知道如何 a) 将鼠标悬停在手臂上时突出显示左侧的相应文本,反之亦然(更重要的是),将鼠标悬停在文本“全臂”上时突出显示手臂。
有一篇类似的帖子叫做Javascript Newbie: How to highlight text and image in different divs on mouseover。
但是,如果不使用上面提到的插件,我无法弄清楚如何调整它以包括突出显示图像的某些部分。
任何帮助深表感谢。