vue 悬浮效果(hover)

最新推荐文章于 2024-08-01 14:25:01 发布

dilong6852

最新推荐文章于 2024-08-01 14:25:01 发布

阅读量8.3k

点赞数 1

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/httpL/p/8979327.html

版权

悬浮效果hover: 就是鼠标放上去以及离开时产生的变化。
vue 中有两个属性分别为　onmouseover onmouseout
我们可以利用这两个属性来达成我们所需要的效果：
代码如下

                <img  onmouseover="this.src='/static/image/xxx.png'"
                  onmouseout="this.src='/static/image/xxx.png'"
             src="/static/image/xxxx.png">


以上代码为微信图标默认为灰色图片,当鼠标移动至上面讲替换领一张图片，为绿色。

转载于:https://www.cnblogs.com/httpL/p/8979327.html