使用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

试试这个：

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

Answer 2

尝试......

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

样式标签内的所有内容都可以放在CSS中。