<map name="Map" id="Map">
<area shape="rect" id="we212" coords="170,11,275,51" />
</map>
<div id="we212_info">
// content //
</div>
$('#we212').mouseenter(function() {
$('#we212_info').stop(true, true).fadeIn('slow');
}).mouseleave(function() {
$('#we212_info').stop(true, true).hide();
});
Do more with
$('#Map>area').each(function(){
$(this).mouseenter(function() {
$("#"+$(this).attr("id")+"_info").stop(true, true).fadeIn("slow");
}).mouseleave(function() {
$("#"+$(this).attr("id")+"_info").stop(true, true).hide();
});
});
$("#Map>area").each(function(){
$(this).hover(function() {
$("#"+$(this).attr("id")+"_info").stop(true, true).fadeIn("slow");
},function() {
$("#"+$(this).attr("id")+"_info").stop(true, true).hide();
});
});
Premium Content
You need an Expert Office subscription to comment.Start Free Trial