Ändra bakgrundsfärg för HTML-taggen

Jag tycker att du ska använda en jquery imagemap-plugin ... det här är min favorit

Länk :http://archive.plugins.jquery.com/project/maphilight

Demo :http://davidlynch.org/projects/maphilight/docs/demo_usa.html

Detta ämne har också diskuterats i detalj här .....

Använda JQuery hover med HTML-bildkarta

Jag tror inte att det behövs dubbelarbete

=============Uppdatering om dina kommentarer ====================

Gå till https://github.com/kemayo/maphilight/blob /master/jquery.maphilight.js

Kan du se följande att maphilight accepterar fillColor:'000000';

Du måste ändra fillOpacity till 1.0 för att ta bort opaciteten

Allt du behöver göra är att arbeta utan att musen över genom att redigera koden nedan och ersätta med din

        $(map).trigger('alwaysOn.maphilight').find('area[coords]')
            .bind('mouseover.maphilight', mouseover)
            .bind('mouseout.maphilight', function(e) { clear_canvas(canvas); });;

Du har en fungerande bakgrundsfärgversion ...

Tack :)