51问答网 > 在网页中怎么实现鼠标经过图片切换成另一张图片（不要DW自带的JS代码，具体看补充）

在网页中怎么实现鼠标经过图片切换成另一张图片（不要DW自带的JS代码，具体看补充）

2025-01-01 22:27:54

推荐回答（3个）

回答1：

var oImg=document.getElementsByTagName('img')[0]; 找到这个图片

oImg.onmouseover=function()
{
oImg.src='1.jpg'
}
滑过时这个图片变成1.jpg

oImg.onmouseout=function()
{
oImg.src='2.jpg'
}
离开变成2.jpg

回答2：

div+CSS也可以实现，也不麻烦，不过相对而言，还是用DW的JS代码简单些，而且还可以直接调用JS文件。

回答3：

可以用a:hover设置背景解决
a{ background:url(a.jpg);width:30px;height:20px;display:block;}
a:hover{ background:url(b.jpg);}