javascript - 更改图像映射上的边框

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');" >