Question

html中area标签怎么变色？

html中area标签怎么变色？想让鼠标移上html标签里同name的area标签变色。 样式好像不能改变它的颜色 求解

Answer 1

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]);
}
};
}

追问

这是别人的答案吧。我早就看过了。那道题我都看了好几遍。

想要更清楚点的回答。中间有很多不需要的代码。比如扩大区域。

Answer 2

变色是指边框还是背景色？　

$(function(){
    $('textarea').mouseover(function(e){
        e = e || window.event;
        var t = e.currentTarget , $t = $(t);
        var name = $t.attr('name');
        var $target = $('textarea[name="'+name+'"]');
        $target.css('border','1px solid red');//这里设置变化的样式
    });
});

Answer 3

 html area标签