添加边界悬停在地图区域使用jQuery的

Question

我有一个地图区域，我想添加边框时悬停每个区域。

<map name="Map" id="Map"> 
     <area shape="rect" coords="350,2521,479,2592" href="http://www.iba.org.il/" target="_blank" class="tooltip-blue" data-tooltip-position="left" data-tooltip="?? ???????? ?? ????? ?????? ??????." data-hasqtip="87"> 
     <area shape="rect" coords="625,454,760,523" href="http://easyvie.yolasite.com/#meas" class="tooltip-red" data-tooltip-position="left" data-tooltip="More info" data-hasqtip="88"> 
</map> 

请帮忙。

Answer 1

尝试......风格标签内

<style> 
.tooltip-blue:hover { 
    border: 1px solid blue; 
} 
</style> 

一切都可以放在CSS。

Answer 2

试试这个：

$("area").hover(function(){ 
    $("area").css("border","3px solid #000");//onhover code 
    },function(){//mouse out code 
    $("area").css("border","none"); 
    });