Javascript将鼠标悬停在PNG图像的可见部分上

Question

有没有办法让我检查鼠标是否在PNG图像的可见部分上？

每个部分都是自己的图像,透明背景如下:

所以基本上我希望每个区域的不透明度在悬停时为1,而在不悬停在其上时不透明度为0.5.因此,用户可以看到正在悬停的区域.

如果鼠标在图像上的位置,是否有类似onmouseover的东西!=透明然后......

Answer 1

看看http://www.w3schools.com/tags/tag_area.asp

您可以拍摄图像，然后使用 Photoshop 等图像工具获得每个多边形的绳索，并且您可以处理图像区域标记中特定区域的每个悬停事件。

只是它易于使用并制作可点击的地图。