我怎样才能做到精确的图像形状的鼠标悬停？

Question

下面的问题是不是一个真正的编程问题，但更多的“我怎么能做到这一点”的问题，实施意见。

我有世界地图的图像。我可以使每个大陆的单独图像。

我想要做的就是创建了功能悬停每个大洲。当用户鼠标在大陆 - 的 EXACT 即大陆的形状 - 我希望它改变颜色

我的主要问题是，如何可以当用户鼠标在<强>确切非洲大陆的形状引用？我不想使用Flash的，这一切不过恐怕没有其他办法做到这一点？

由于所有

Answer 1

我知道如何做到这一点（无外部库或JS）的唯一方法是使用<map>。你将不得不放在COORDS和形状（在这种情况下，聚为形状）来匹配你想允许的区域：的 http://www.w3schools.com/TAGS/tag_map.asp

Answer 2

在回答你的主要问题，你可能需要使用一个很好的旧图像映射。 该图像映射生成过去一直运作良好，我

至于使他们改变颜色，你总是可以使用精灵，只是改变悬停每个国家的背景位置？

Answer 3

您应该看看这个jQuery插件： http://plugins.jquery.com/project/maphilight

和这里那里有一个教程： HTTP：// WWW .electricfairground.com / 2009/08/08 /图像映射侧翻效果-使用-jquerys-maphilight-插件/

Answer 4

这取决于你的平台（网页，WinForm的，LINUX，OS X，等）上。

在网络中，可以使用图像映射。

在任何OS托管应用程序，则可以做使用区域的图像地图的等价物。或者你甚至可以测试在你徘徊像素的颜色。