vue 悬浮效果(hover)
悬浮效果hover: 就是鼠标放上去以及离开时产生的变化。
vue 中有两个属性分别为 onmouseover onmouseout
我们可以利用这两个属性来达成我们所需要的效果:
代码如下
<img onmouseover="this.src='/static/image/xxx.png'"
onmouseout="this.src='/static/image/xxx.png'"
src="/static/image/xxxx.png">
以上代码为微信图标默认为灰色图片,当鼠标移动至上面讲替换领一张图片,为绿色。