58问答库 > 请求如何用CSS实现鼠标移动到某张图片链接的时候图片变成另外一张。要求CSS特效代码和图片代码分开！

请求如何用CSS实现鼠标移动到某张图片链接的时候图片变成另外一张。要求CSS特效代码和图片代码分开！

2024-12-04 12:21:48

推荐回答（3个）

回答（1）：

不能做背景就只能JS了，
html:

javascript:

function change(e) {
document.getElementbyId('img1').src=e;
}

注意html的img标签里面的change();括号里面的是图片地址，而且必须加单引号。
onmouseover是鼠标移到图片上面执行什么函数的意思，onmouseout就是鼠标移开

回答（2）：

如果图片作为链接的背景嵌入的可以这样写：
例如：
CSS：
img:{ background:url(1.jpg) no-repeat 0 0; }
img:hover{ background:url(2.jpg) no-repeat 0 0; }

如果图片不是背景嵌入的，那不好意思，css可能实现不了，必须要用js了~

回答（3）：

因为别人会伪装而你不
卡锡河默默地流
晃动她的臂膀在黑油油的青草地.
他们失忆了一样，
---我跟着她同唱,---
风铃在夜中摇晃哈哈

请求如何用CSS实现鼠标移动到某张图片链接的时候 图片变成另外一张。要求CSS特效代码和图片代码分开！

请求如何用CSS实现鼠标移动到某张图片链接的时候图片变成另外一张。要求CSS特效代码和图片代码分开！