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在移动到另一个图像时不会更新图像，它只会更改鼠标经过它的第一个图像，我需要它来更改它传递的每个图像。

我可以用wt来解决这种情况吗？

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')"/>

在同一页面中多次使用js

1 个答案: