HTML map标签area 属性，当鼠标移动到area上面的时候，对应的区域边框的的变大，前变色怎么办？谢谢啊

Posted 2023-03-30

参考技术A function inArea(img)
var id = '_$area$_', pos = this.coords.split(','), area = document.getElementById(id);
if (area) outArea(area);
area = document.createElement('a');
area.id = id, area.href = this.href, area.target = this.target, area._area = this;
pos[0] -= 0, pos[1] -= 0, pos[2] -= pos[0], pos[3] -= pos[1];
with (area.style)
position = 'absolute';
left = img.offsetLeft + pos[0] - 1;
top = img.offsetTop + pos[1] - 1;
width = pos[2];
height = pos[3];
border = '1px solid #ff0000';

area.onmouseout = function() outArea(area);
document.attachEvent ? this.parentNode.appendChild(area) :
this.parentNode.replaceChild(area, this);

function outArea(elem)
document.attachEvent ? elem.parentNode.removeChild(elem) :
elem.parentNode.replaceChild(elem._area, elem);

window.onload = function()
var map, areas, j, i = 0, imgs = document.images;
for (; i < imgs.length; i++)
map = imgs[i].useMap;
if (map) if (map = document.getElementById(map.slice(1)))
areas = map.getElementsByTagName('area');
for (j = 0; j < areas.length; j++)
areas[j].onmouseover = (function(img)
return function() inArea.call(this, img);
)(imgs[i]);

;
本回答被提问者采纳

Map的area属性标签鼠标Hover可以给area加背景吗

如题:Map的area属性标签鼠标Hover可以给area加背景吗?如果可以,具体点要怎么加呢?请详细说明!

不行！
现在 html + CSS 还没有你说的那么先进。
整个影射的范围是一张图片，要实现你的要求，必须创建一个区域或者调用一张图片覆盖影射选定的范围的图片区域。

等过几年吧，说不定有希望。 参考技术A 不支持

CSS1中只有a支持
CSS2，CSS3，支持其他元素，但是也不是不支持area