Изменение границы на карте изображения

Question

Как изменить границу карты изображения (при наведении мыши), которую я поместил поверх части изображения

Answer 1

Если вы используете jQuery, что было бы разумно, используйте hover, чтобы вы также могли удалить границу.

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

Answer 2

Поскольку вы спрашиваете в 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');" >

Answer 3

Вы можете использовать jQuery:

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