在悬停时更改地图(图像)颜色的一部分

时间:2015-01-16 09:55:25

标签: jquery css html5

我在这个项目上工作,包括克罗地亚的搜索房地产区域。所以我尝试让每个区域都悬停以将颜色从蓝色变为橙色。我尝试用javascipt来悬停和png,但没有好处。我只剪切那样的图像,得到一个在另一个之上的方形图像。有没有人有想法,或在同样的东西上工作给我指导。客户不会闪光。

Map of Croatia

1 个答案:

答案 0 :(得分:1)

您可以使用SVG:

1)您从该互联网下载svg世界地图或克罗地亚地图(在本例中为跳过步骤2)

2)在任何可编辑svg的程序中打开它(我更喜欢Adobe Illustrator)并删除除克罗地亚以外的所有地区

3)将结果svg文件加载到您的文档

4)通过纯js​​或Jquery绑定svg polyline或任何其他元素,你必须在mouseenter上更改其fill属性。