下面的问题并不是真正的编程问题,而是更多“我该怎么做”的问题,实施建议。
我有一张世界地图的图像。我可以让每个大陆成为一个单独的图像。
我想做的是为每个大陆创建一个悬停功能。当用户将鼠标悬停在大陆上时 - 大陆的确切形状 - 我希望它改变颜色。
我的主要问题是,当用户鼠标悬停在大陆的确切形状上时,我该如何参考?我不想为此使用Flash,尽管我担心没有其他方法可以做到这一点?
谢谢大家
下面的问题并不是真正的编程问题,而是更多“我该怎么做”的问题,实施建议。
我有一张世界地图的图像。我可以让每个大陆成为一个单独的图像。
我想做的是为每个大陆创建一个悬停功能。当用户将鼠标悬停在大陆上时 - 大陆的确切形状 - 我希望它改变颜色。
我的主要问题是,当用户鼠标悬停在大陆的确切形状上时,我该如何参考?我不想为此使用Flash,尽管我担心没有其他方法可以做到这一点?
谢谢大家
我知道如何做到这一点的唯一方法(没有外部库或 js)是使用<map>
. 您必须输入坐标和形状(在本例中为形状的多边形)以匹配您要允许的区域:http: //www.w3schools.com/TAGS/tag_map.asp
在回答您的主要问题时,您可能需要使用一个好的旧图像映射。这个图像地图生成器过去对我来说效果很好。
至于让它们改变颜色,你总是可以使用精灵并在悬停时改变每个国家的背景位置?
你应该看看这个 jQuery 插件: http: //plugins.jquery.com/project/maphilight
这取决于您的平台(web、winform、linux、os x 等)。
在 Web 上,您可以使用图像映射。
在任何操作系统托管的应用程序上,您都可以使用区域执行等效的图像映射。或者您甚至可以测试您悬停的像素的颜色。