How make HOVER for image map areas?
I have some image with map. Main idea is to make some special roll-over effect on every area.
How can I make HOVER on each area of image?
This code does not work in IE:
-
---- js -----
$("#area1").hover(function(){
alert ("area1 mouseover!");
},function(){
alert ("area1 mouseout");
});
---- html -----
<img id="my_img" usemap="my_map" src="images/img.jpg" width="500" height="500" alt="" />
<map name="my_map">
<rea id="area1" href="inf.html" type="poly" coords="..." />
<rea id="area2" href="ord.html" type="poly" coords="..." />
</map>