更改图像映射上的边框

Question

如何更改放置在图像的一部分上的图像地图边框（鼠标悬停）

Answer 1

你可以使用jQuery：

$('#imagemapid').mouseover(function() {
    $(this).css("border","solid 1px red");
});

Answer 2

如果您确实使用jQuery，那么使用悬停以便您也可以删除边框。

$('#imagemapid').hover(
  function() {
    $(this).css("border","solid 1px red");
  },
  function() {
    $(this).css("border","none");
  }
);

Answer 3

因为您在 javascript 中提问，然后我会先展示您想要的解决方案

 function imageon(here) 
{

   var elem= document.getElementById(here);
   elem.style.border = "solid 2px grey";
}

在 jquery 中你可以这样做

$(function(){
 $('#d1').mouseover(function() { 
 $(this).css("border","solid 2px grey");
 });
});

使用像这样的HTML

<img name="d1" id="d1" href="LINK #1" onmouseover="imageon('d1');" >