Jeg synes, du skal bruge et jquery imagemap-plugin ... dette er min favorit
Link :http://archive.plugins.jquery.com/project/maphilight
Demo :http://davidlynch.org/projects/maphilight/docs/demo_usa.html
Dette emne er også blevet diskuteret i detaljer her .....
Brug af JQuery hover med HTML-billedkort
Jeg tror ikke, der er behov for duplikering
=============Opdatering om dine kommentarer ===================
Gå til https://github.com/kemayo/maphilight/blob /master/jquery.maphilight.js
Kan du se følgende, at maphilight accepterer fillColor:'000000';
Du skal ændre fillOpacity til 1.0 for at fjerne opaciteten
Alt du skal gøre er at arbejde med arbejde uden musen over ved at redigere koden nedenfor og erstatte med din
$(map).trigger('alwaysOn.maphilight').find('area[coords]')
.bind('mouseover.maphilight', mouseover)
.bind('mouseout.maphilight', function(e) { clear_canvas(canvas); });;
Du har en fungerende baggrundsfarveversion ...
Tak :)