图片鼠标移入图片改变颜色、显示另外一张图片

首先创建一个img图片显示标签

<img alt="" class="look_flag" οnclick="news_info(${item.id})" src="<%=path%>/assets/images/index/look.png">给图片
增加class或id通过class或id给图片添加CSS样式

.look_flag{
    display:block;
    width: 30px;
    height: 20px;
    float: right;
    margin-bottom: 0px;    
}

通过class标签或id设置hover事件：content：url('图片的相对路径')；

.look_flag:hover {
    content: url('<%=path%>/../../../../images/index/look_hover.png');
}

通过以上操作即可实现鼠标移入之后图片更改为content中配置的路径。