如何使onmouseover图像大小相对于onmouseout img？

要实现onmouseover图像大小相对于onmouseout图像的效果，可以通过以下步骤来实现：

首先，在HTML中创建一个包含两个图像的容器，例如使用<div>元素。一个图像用于onmouseover事件，另一个图像用于onmouseout事件。

<div onmouseover="changeImageSize(true)" onmouseout="changeImageSize(false)">
  <img id="image" src="image1.jpg" alt="Image 1">
  <img id="image" src="image2.jpg" alt="Image 2">
</div>

接下来，在JavaScript中定义一个函数changeImageSize()，该函数将根据传入的参数来改变图像的大小。

function changeImageSize(isMouseOver) {
  var image = document.getElementById("image");
  
  if (isMouseOver) {
    // 设置onmouseover图像的大小
    image.style.width = "200px";
    image.style.height = "200px";
  } else {
    // 设置onmouseout图像的大小
    image.style.width = "100px";
    image.style.height = "100px";
  }
}

在这个函数中，我们通过使用document.getElementById()方法获取图像元素，并根据传入的参数来设置图像的宽度和高度。当鼠标悬停在图像上时，将设置onmouseover图像的大小为200px x 200px，当鼠标移出图像时，将设置onmouseout图像的大小为100px x 100px。