如何更改图像地图背景颜色 onClick 事件答案

【问题标题】：How to change Image Map background color onClick event如何更改图像地图背景颜色 onClick 事件
【发布时间】：2013-05-30 18:02:14
【问题描述】：

目前，我发现一旦鼠标悬停在图像地图背景上就会改变，就像下面的链接示例一样

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

我想要的是单击它后更改图像地图背景颜色。但我找不到如何更改地图背景 onclick 事件。任何解决方案将不胜感激。

【问题讨论】：

嗨，这对你有用吗？ jsfiddle.net/J8wME/4 并在此处查找示例：stackoverflow.com/questions/4729734/… 干杯！
你可以发表这条评论作为答案吗？
当然 :) 1 分钟！干杯伙伴！

标签： jquery

【解决方案1】：

@ppshien 推荐：

给你：http://jsfiddle.net/J8wME/4/

Enabling Highlight On Click for jQuery Map Highlighting

谢谢；并希望它有所帮助！干杯

【讨论】：

问得有点晚了，但地图区域似乎没有在点击时突出显示，提醒工作在小提琴中？

【解决方案2】：

尝试用不同的颜色在同一位置制作两个区域。一个有alwaysOn：true，另一个alwaysOn：false。

<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/

【讨论】：