如何更改图像映射背景颜色onClick事件

时间:2012-03-30 06:48:20

标签: jquery

目前,我发现图像地图背景会在鼠标悬停时更改,就像下面的链接示例一样

http://davidlynch.org/projects/maphilight/docs/demo_usa.html

我想要的是我想在点击它后更改图像地图背景颜色。但我找不到如何更改地图背景onclick事件。任何解决方案都将受到赞赏。

2 个答案:

答案 0 :(得分:2)

Hiya on @ppshien推荐:

你去:http://jsfiddle.net/J8wME/4/

Enabling Highlight On Click for jQuery Map Highlighting

感谢;并希望它有所帮助!欢呼声

答案 1 :(得分:0)

尝试使用不同颜色在同一位置制作两个区域。一个人总是在:真实和其他总是在:虚假。

<area id="squareArea1" shape="rect" coords="0,0,50,50" href="#" alt="1" data-maphilight='{"alwaysOn":true,"stroke":false,"fillColor":"efb1a6","fillOpacity":"0.3"}'>
<area id="squareArea2" shape="rect" coords="0,0,50,50" href="#" alt="1" data-maphilight='{"stroke":false,"fillColor":"efb1a6","fillOpacity":"0.8"}'>

示例:http://jsfiddle.net/bsmk/WnRy8/