更改图像映射上的边框

【问题标题】：Changing the border on an image map更改图像映射上的边框
【发布时间】：2009-06-02 12:56:29
【问题描述】：

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

【问题讨论】：

【解决方案1】：

你可以使用 jQuery：

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

【讨论】：

【解决方案2】：

如果你确实使用 jQuery，这将是明智的，使用悬停，这样你也可以删除边框。

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

【讨论】：

【解决方案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');" >

【讨论】：