您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

CSS:在img:hover上更改图片src

CSS:在img:hover上更改图片src

仅使用html和css,无法更改图像的src。如果您确实将img标签替换为div标签,那么您可以像这样更改设置为背景的图像

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');

}


<img id="my-img" src="http://dummyimage.com/100x100/000/fff" onmouSEOver="hover(this);" onmouSEOut="unhover(this);" />
CSS 2022/1/1 18:24:48 有490人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶