html页面中，图片热区<area>如何突出显示，标记选中状态

Question

html页面中，我给一张图片<img>划分中了几个热区<area>,如何能做到把鼠标移到某一个热区上，该热区就会变色和加上边框。求能兼容ff和ie的JS代码，谢谢！

Answer 1

热区不行，你用div吧  然后绝对定位在那几个上面~·然后鼠标经过给div加border~`

Answer 2

然后给对应的div加个iddocument.getElementById('id').onmouseover = function(){
this.style.background = '#333';
this.style.border = '1px solid #000';
};document.getElementById('id').onmouseout = function(){
this.style.background = '';
this.style.border = '';
};

Answer 3

也谢了，确定热区不能加样式，我就用其它方法吧，我写了个在图片上画线的js,调用该function画线吧