如何使图像的各个部分在悬停时发光

How to make sections of image glow on hover

我将为一个参与当地军团的人制作一个网站。他修复了军团照片。他想将鼠标悬停在照片中的每个人身上，让他们的轮廓发光，并在工具提示中显示他们的名字，and/or link 以便在页面下方进一步查看他们的更多详细信息。

我以前使用过图像映射，我使用的网站有多边形映射 (www.image-maps.com)，这会导致我单独勾勒出这张照片中的每个人。我很乐意这样做，但是在 photoshop 中做这件事会更容易吗，并有某种地图，当你将鼠标悬停在那个人身上时，它会将图像替换为带有光晕的 photoshop 图像？

我尝试对此进行研究，发现了很多不同的东西，但没有什么特别相似的。有一张美国地图基本上就是我想要它做的： http://stommepoes.nl/Menus/maphover.html http://www.outsharked.com/imagemapster/examples/usa.html

但我不确定如何进行定制，而不仅仅是美国地图。

任何建议都会很棒。只是不太确定节省时间和精力的最佳途径是什么。

谢谢！

有多少人，您就需要多少版本的图像，每个版本都有一个人在发光。然后用css transitions to fade between images, then html map areas控制哪些区域调用对应的高亮图片

我建议你这样做：

很好的插件，那你就得做一个HTML地图区。如果你有 photoshop，我强烈推荐你这个插件。有了这两者，就可以很容易地在 photoshop 中制作路径，然后获取 HTML 地图

的坐标

我用这些工具很快就创造了奇迹。

希望对您有所帮助！