Jquery Maphilight如何改变背景的一部分

Question

我在www.booking.com上找到了这个，我想要复制它。  所以我得到了我的项目的maphilight。

但我不知道在鼠标悬停/点击时如何更改不同的背景

单击时，所选部件将变为黄色。

当鼠标悬停时，然后获得蓝色。

最后一张图片是我实施的。

Answer 1

您可以使用imagemap执行此操作，请查看以下两个图像映射库：

• http://www.outsharked.com/imagemapster/
• http://www.netzgesta.de/mapper/

如果你的源图像是包含区域的SVG图像，就像你在wikipedia上找到的那些，你可以使用以下脚本将它们转换为imagemap：

• http://code.google.com/p/svg2imap/
• http://davidlynch.org/blog/2008/03/creating-an-image-map-from-svg/

此外，如果您需要使用普通图像文件标记区域，可以使用Gimp进行标记：

• http://www.makeuseof.com/tag/create-image-map-gimp/

或者您可以使用共享软件Windows程序MapEdit（功能齐全30天）