3

下面的问题并不是真正的编程问题,而是更多“我该怎么做”的问题,实施建议。

我有一张世界地图的图像。我可以让每个大陆成为一个单独的图像。

我想做的是为每个大陆创建一个悬停功能。当用户将鼠标悬停在大陆上时 - 大陆的确切形状 - 我希望它改变颜色。

我的主要问题是,当用户鼠标悬停在大陆的确切形状上时,我该如何参考?我不想为此使用Flash,尽管我担心没有其他方法可以做到这一点?

谢谢大家

4

4 回答 4

6

我知道如何做到这一点的唯一方法(没有外部库或 js)是使用<map>. 您必须输入坐标和形状(在本例中为形状的多边形)以匹配您要允许的区域:http: //www.w3schools.com/TAGS/tag_map.asp

于 2009-11-06T15:12:12.080 回答
5

在回答您的主要问题时,您可能需要使用一个好的旧图像映射。这个图像地图生成器过去对我来说效果很好。

至于让它们改变颜色,你总是可以使用精灵并在悬停时改变每个国家的背景位置?

于 2009-11-06T15:16:06.207 回答
4

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

这里有一个教程: http ://www.electricfairground.com/2009/08/08/image-map-rollover-effects-using-jquerys-maphilight-plugin/

于 2009-11-06T15:13:02.307 回答
1

这取决于您的平台(web、winform、linux、os x 等)。

在 Web 上,您可以使用图像映射。

在任何操作系统托管的应用程序上,您都可以使用区域执行等效的图像映射。或者您甚至可以测试您悬停的像素的颜色。

于 2009-11-06T15:14:22.710 回答