javascript - 如何将鼠标悬停在图片上时将网页上的图片更改为背景图片？

Question

我有一个网页，上面有六张图片我试图在我将鼠标悬停在其中一张图片上时将我的背景图片更改为另一张图片，并在我悬停时返回我的正常图片。

Answer 1

您可以使用 css 来执行此操作。

** 我只是从某个网站随机拍摄了 2 张图片。

#test {
  background-image: url(http://www.cmf.be/images/button2.jpg);
  width: 200px;
  height: 200px;
}

#test:hover {
  background-image: url(http://mygimptutorial.com/images/button-with-reflection/11.jpg);
  
}

<div id="test">
</div>