javascript - 在同一页面中多次使用 js

Question

我正在做的事情很简单，当鼠标经过它时我会更改图像源，然后在它出来时将旧的放回去..

<img id="Image1" src="../../Images/M2.jpg" onmouseover="roll_over('../../Images/M3.jpg','Image1')" onmouseout="roll_over('../../Images/M2.jpg','Image1')"/>

使用这个 javascript：

function roll_over(img_src,id) {
document.getElementById(id).src = img_src;
}

我发现 JavaScript 在移动到另一个图像时不会更新图像，它只会更改鼠标经过它的第一个图像，我需要它来更改它经过的每个图像。

我能做些什么来解决这种情况？

Answer 1

尝试像这样重写它：

function roll_over(ctrl, img_src) {
   ctrl.src = img_src;
}

<img id="Image1" src="../../Images/M2.jpg" onmouseover="roll_over(this, '../../Images/M3.jpg')" onmouseout="roll_over(this, '../../Images/M2.jpg')"/>