jquery - jquery如何动态着色区域

Question

我有这样的图像地图

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

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

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

?

Answer 1

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

Answer 2

最初我认为这可能有效：

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

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

Answer 3

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

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

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