Question

我正在使用jquery maphighlight，我有一个问题突出显示图像地图上的各个区域，我需要能够总是高亮显示id2和id4的aread，所以它总是另一种颜色，当我点击其他颜色留在的区域，现在正在加载它的红色，但点击颜色消失 .map是我使用的图像类，

$(document).ready(function() {
$('.map').maphilight({
  fillColor: 'FF00000',
  fillOpacity: 0.5
});

var data = $('#id3').data('maphilight') || {};  
data.alwaysOn = !data.alwaysOn;
$('#id34').data('maphilight', data).trigger('alwaysOn.maphilight'); 
});

但是我想用这样的id调用某个区域，这不起作用

这些是我需要的一些领域

<img src="/images/test_map.png" class="map" usemap="#simple" />

<map class="tabs" name="simple">  
<area id="id1" href="#" shape="poly" coords="364,296,386,265,410,280,403,291,367,299" alt="Link" title=""/>
<area id="id2" href="#" shape="poly" coords="428,258,403,291,444,283,452,273" alt="Link" title=""/>
<area id="id3" href="#" shape="poly" coords="403,243,427,259,409,279,389,264" alt="Link" title=""/>
<area id="id4" href="#" shape="poly" coords="417,220,442,236,426,255,403,241" alt="Link" title=""/>
<area id="id5" href="#" shape="poly" coords="466,251,451,272,428,258,442,237" alt="Link" title=""/>

有没有人知道如何做到这一点，我只需要用不同的颜色突出显示地图上的某些区域，以显示购买的土地。或保留元数据如何在maphighlight中工作？

使用id或class的Jquery maphighlight区域

0 个答案: