Question

如何在命令onmouseover中添加宽度/高度？例如：

onMouseOver="if (document.images) document.getElementById('Image-Maps_3201302221606237').src= 'images/rhs2.png';"
onMouseOut="if (document.images) document.getElementById('Image-Maps_3201302221606237').src='images/high_schools.gif';">

当鼠标移过某个元素时，我需要显示的图像是否具有一定的宽度或高度？

好的，为了让你更清楚地了解我想要完成的事情，我有一张静态的图片，上面有不同的图标，每个图标都有一个链接，基于从图像中获取的坐标，我想要当鼠标越过地图上的某个坐标以使图标变大或者另一个图像出现在比静态图像上的图标略大的坐标上时，它会产生其制作效果它更大，当鼠标熄灭时它消失了新图片，这里是代码

https://www.dropbox.com/s/q587j5nizg9r5m6/file.html

Answer 1

.src='images/rhs2.png添加

之后

document.getElementById('the-id').style.height = certainHeight;

为宽度做类似的事情。

我还强烈建议您删除on事件属性并使用JavaScript进行绑定：

document.getElementById('Image-Maps_3201302221606237').addEventListener(
    'mouseover', function () {

    this.src = newSrc;
    this.style.height = certainHeight;
    this.style.width = certainWidth;
});

如何为JavaScript命令“onmouseover”添加宽度/高度

1 个答案: