<分区>
当我将鼠标悬停在按钮上时,我想更改我的 img src。
很少有答案与我的相似,
可是我还是想不通。
<button class='Nav' id="Nav_Homepage">
<img src="./img/Homepage.png" class='img_Nav' id="img_Homepage">
<label class='lb_Nav'> Homepage </label>
</button>
标签 javascript html css
<分区>
当我将鼠标悬停在按钮上时,我想更改我的 img src。
很少有答案与我的相似,
可是我还是想不通。
<button class='Nav' id="Nav_Homepage">
<img src="./img/Homepage.png" class='img_Nav' id="img_Homepage">
<label class='lb_Nav'> Homepage </label>
</button>
最佳答案
你可以使用 CSS 做到这一点
#Nav_Homepage span {
background: url(https://dummyimage.com/20x20/000/fff.png&text=P) no-repeat;
width: 20px; /* your image width */
height: 20px; /* your image height */
display: inline-block;
}
#Nav_Homepage label {
display: inline-block;
}
#Nav_Homepage:hover span {
background: url(https://dummyimage.com/20x20/ff0000/ffffff.png&text=H) no-repeat;
}
<button class='Nav' id="Nav_Homepage">
<span class='img_Nav'></span>
<label class='lb_Nav'> Homepage </label>
</button>
关于javascript - 悬停时更改按钮上的图像源,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44017395/