मुझे लगता है कि आपको एक jQuery इमेजमैप प्लगइन का उपयोग करना चाहिए ... यह मेरा पसंदीदा है
लिंक :http://archive.plugins.jquery.com/project/maphilight
डेमो :http://davidlynch.org/projects/maphilight/docs/demo_usa.html
इस विषय पर भी यहाँ विस्तार से चर्चा की गई है.....
एचटीएमएल इमेज मैप के साथ JQuery होवर का उपयोग करना
मुझे नहीं लगता कि दोहराव की आवश्यकता है
==============अपनी टिप्पणियों पर अपडेट करें =================
https://github.com/kemayo/maphilight/blob पर जाएं /मास्टर/jquery.maphilight.js
क्या आप निम्न को देख सकते हैं कि मैपिलाइट फिलकलर स्वीकार करता है:'000000';
अपारदर्शिता को दूर करने के लिए आपको fillOpacity को 1.0 में बदलना होगा
आपको बस इतना करना है कि नीचे दिए गए कोड को संपादित करके माउस ओवर के बिना काम करना है और इसे अपने साथ बदलना है
$(map).trigger('alwaysOn.maphilight').find('area[coords]')
.bind('mouseover.maphilight', mouseover)
.bind('mouseout.maphilight', function(e) { clear_canvas(canvas); });;
आपके पास एक कार्यशील पृष्ठभूमि रंग संस्करण है ...
धन्यवाद :)