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">


以上代码为微信图标默认为灰色图片,当鼠标移动至上面讲替换领一张图片,为绿色。
posted @ 2018-05-02 11:17  -http  阅读(28656)  评论(0编辑  收藏  举报