文章/答案/技术大牛

发布

问在同一页中多次使用js
EN

Stack Overflow用户

提问于 2011-07-19 05:18:00

回答 1查看 158关注 0票数 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不会在移动到另一个图像时更新图像，它只更改鼠标经过的第一个图像，我需要它更改它经过的每个图像。

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

javascript

html

onmouseover

onmouseout

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-07-19 05:22:56

试着这样重写它：

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/6739569

复制

相似问题

问在同一页中多次使用js
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在同一页中多次使用jsEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在同一页中多次使用js
EN