Javascript 鼠标悬停在区域上时更改图像的src

我想要的是：当我的光标在区域

#ota tail

上方时，

img

将变为另一个图像，当我们停止覆盖时，原始图像将返回。 我的控制台中没有以下代码：

$（函数（）{
$（“#ota tail”）.hover（函数（）{
$（“#ota img”）.eq（0）.attr（'src'，'about/about_tail.png'）；
}，function（）{$（“#ota img”）.eq（0）.attr（'src'，'about/about_null.png'）；
});
});
您可以使用CSS：

#ota-img{
   background-image: url('about/about_tail.png');
}

#ota-img:hover {
   background-image: url('SOURCEFORTHEIMAGEYOUWANT');
}

另一种选择是使用JavaScript：

<img src='about/about_tail.png' onmouseover="this.src='SOURCEFORTHEIMAGEYOUWANT';" onmouseout="this.src='about/about_tail.png';" />


HTML ID=“ota img test”和脚本中使用的图像ID是两种不同的。你能确认两者是否相同吗？不，我只想在我们飞越该区域时更改图像，使用你的解决方案，整个图像将被计算在hitbox中。最终的目标是在同一个图像上有多个区域。这不是真的。看看你说的：“当我的光标在该区域上方时，img会切换到另一个图像，当我们停止覆盖时，原始图像会返回”。对，这就是你从我这里得到的