javascript - 将鼠标悬停在图像上时,如何更改两个或多个图像?

标签 javascript css hover

我想知道您能否告诉我如何执行以下操作:将鼠标悬停在一张图片上时,两张或多张图片会发生变化。

我对这方面有点陌生,所以请给我明确的指示

最佳答案

根据需要调整此示例。

var image1 = document.getElementById('image1'),
    image2 = document.getElementById('image2'),
    image3 = document.getElementById('image3');

image1.onmouseover = function() {
   image2.src = 'whatever.jpg';
   image3.src = 'something.png';
}

关于javascript - 将鼠标悬停在图像上时,如何更改两个或多个图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6328580/

相关文章:

javascript - 如何在div中设置100%的高度?

javascript - 集群上的谷歌地图信息窗口

css - CSS 中如何使用样式

CSS3多重动画效果

html - 将 CSS 悬停效果应用于不是悬停元素的子元素的元素

javascript - 如何在 Meteor 中指定字段说明符

javascript - 如何单击链接并使游戏在我页面的特定区域弹出而不显示直到单击

css - 带有 IE6 的谷歌自定义搜索引擎

javascript - 隐藏页面上的div但div在隐藏之前显示

html - 将鼠标悬停在表中 <hr> 上的效果