Javascript 当鼠标悬停在图像上时，如何将网页上的图像更改为背景图像？

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

您可以使用css执行此操作

**我只是从一些网站上随机拍了两张照片

#测试{
背景图片：url(http://www.cmf.be/images/button2.jpg);
宽度：200px；
高度：200px；
}
#测试：悬停{
背景图片：url(http://mygimptutorial.com/images/button-with-reflection/11.jpg);
}

你能提供一个带有示例代码的提琴或代码笔吗？到目前为止你得到了什么？你在哪里卡住了？我的意思是，

onmouseover=“document.body.style.backgroundImage=”url（'+this.getAttribute（'src'）+'）”）“

不是很难想出……我已经尝试了第一个边框，并设置了两个相同颜色的边框，但不起作用