javascript - イメージ マップの境界線の変更

Question

画像の一部の上に配置した画像マップ (マウス オーバー時) の境界線を変更するにはどうすればよいですか

Answer 1

jQuery を使用する場合は、ホバーを使用して境界線を削除することもできます。

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

Answer 2

jQueryを使用できます：

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

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