jquery如何动态着色区域

【问题标题】：jquery how to color area dynamicallyjquery如何动态着色区域
【发布时间】：2010-05-19 16:31:45
【问题描述】：

我有这样的图像地图

<map name="imgmap">
<area shape="poly" coords="63,10,64,38,89,37,91,10" href="#" id="x1"></map>

以及如何使用 jquery 为该区域动态着色

("#x1").color('red')

【问题讨论】：

标签： jquery css imagemap

【解决方案1】：

您可以尝试使用 jquery 的 maphilight 插件。它可以实现您想要实现的目标 - http://davidlynch.org/blog/2008/03/maphilight-image-map-mouseover-highlighting/

【讨论】：

【解决方案2】：

最初我认为这可能有效：

$("#x1").css("background-color", 'red')

但是，经过进一步调查，很明显没有简单的方法可以做你想做的事。
或许，您的目标可以通过将特殊图像绝对定位在您的主图像下并在$("#x1").hover()上弹出它们来实现。

【讨论】：

感谢您的考虑我正在使用突出显示插件，但我也有问题。

【解决方案3】：

使用此代码....希望它会帮助你...

<script>
 $(function() 
 {
      $('.map').maphilight({
      fillColor: '008800'
 });
 var data = $('#id').data('maphilight') || {};

 data.alwaysOn = !data.alwaysOn;
 $('#id').data('maphilight', data).trigger('alwaysOn.maphilight');
 });

【讨论】：