使用jquery在地图区域中添加悬停边框答案

【问题标题】：Add border on hover in Map area using jquery使用jquery在地图区域中添加悬停边框
【发布时间】：2026-02-17 00:10:01
【问题描述】：

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

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

请帮忙。

【问题讨论】：

它应该是什么？
是否有理由使用 jQuery 而不是 CSS？

标签： javascript jquery html css

【解决方案1】：

试试这个：

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

【讨论】：

【解决方案2】：

试试...

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

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

【讨论】：