如何仅使用CSS更改悬停时的图像源
我尝试过,但是只能用javascript找到答案。
这是我的代码:
<img src="">
当用户将鼠标悬停在图像上时,我想将图像更改为1.gif。
答案 0 :(得分:0)
您可以先定位图像。然后从那里当用户将鼠标移到图像上时,您可以更改src属性
const img = document.getElementById('imgId');
img.addEventListener('mouserover', callback);
function callback(event) {
if (img.src=== '1.gif') {
img.src = '2.gif';
}
}
img.addEventListener("mouseout", anotherCallback);
function anotherCallback(event) {
if (img.src !== "1.gif") {
img.src = '1.gif';
}
}