添加邊界懸停在地圖區域使用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"); 
    });