html hover 改变图片,CSS：在img：hover上更改图像src

长风秋雁

只有html和css，它不能改变图像的src。如果您使用div标签替换img标签，那么您可以更改设置为背景的图像div {

    background: url('http://dummyimage.com/100x100/000/fff');}div:hover {

    background: url('http://dummyimage.com/100x100/eb00eb/fff');}如果你认为你可以使用一些javascript代码，那么你应该能够改变img标签的src，如下所示function hover(element) {

  element.setAttribute('src', 'http://dummyimage.com/100x100/eb00eb/fff');}function unhover(element) {

  element.setAttribute('src', 'http://dummyimage.com/100x100/000/fff');}

0

0