的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

使用此代碼.... hopw它會幫助你...

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

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