html怎么实现当鼠标经过一个图片时显示另一张图片

2024年11月02日 19:23

有5个网友回答

网友（1）：

1、准备切换图片素材，一般是两张，如图，放入img文件夹，跟HTML同级。

2、然后用img嵌入到网页，嵌入其中的一张，另外一张待会切换。

3、如图，现在是静态的，鼠标放上去也不会产生切换反应，因为没有用JS。

4、如图，获取img，转成JS对象，加个[0]就可以转js对象了。

5、然后设定经过事件，切换成另一张图片，这样就产生鼠标经过切换图片的效果了。

6、但是一旦鼠标离开了，就要切换回原来的图片素材，所以再加一个离开事件，这样离开后就变换成原来的图片。

7、如图，现在我的鼠标在图片上，就变成twopicture了。

网友（2）：

楼上的那位回答的很有艺术感...
看这里吧,没有定义的函数是不能使用的.

网友（3）：

css~

.a {background: url(正常显示的图片.jpg)}
.a:hover{background: url(鼠标移动上显示的图片.jpg)}

html~

网友（4）：

把另一张图片设为隐藏，onmouseover时让图片显示，onmouseout时再设为隐藏

网友（5）：

onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','JPG',1)">
这个肯定可以
自己琢磨吧我建议你去回答别人的问题赚分升级证明你对网友有贡献那你才有资格提问本来不想回答的今天我姐生日做个好事