在同一页面多次使用js

发布于 2024-11-25 01:50:16 字数 463 浏览 2 评论 0原文

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

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

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

原文

what I'm doing is very simple, I do change the image source when the mouse pass over it then put the old one back when its out..

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

using this javascript:

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

I found that JavaScript doesn't update the image as it moves to another image, it only change the first image that the mouse pass over it, and I need it to change every image it passes over.

wt can I do to solve this situation?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

多孤肩上扛 2024-12-02 01:50:16

尝试像这样重写它：

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

Try rewriting it like this:

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

回复收藏 0 原文

~没有更多了~