鼠标移动到一张图片时变为另一张图片

如何让鼠标移动到一张图片上时候图片变成另一张移开后又恢复原来的图片

vue 实现v-for循环回来的数据动态绑定id

1             <img class="center-block" :src="item.prc" :id="forId(index)" alt="logo"
2                  @mouseleave="zleave(item.prc,index)" @mouseenter="zenter(item.img,index)"
3                  style="height: 100%;width: 100%">

 在methods里面定义,鼠标移入移出事件,JQ id选择器更改图片的src属性就好了

 1   methods: {
 2     forId: function (index) {
 3       return "zimg" + index
 4     },
 5     zleave(imgsrc, index) {
 6       document.getElementById("zimg" + index).src = imgsrc;
 7     },
 8     zenter(imgsrc, index) {
 9       document.getElementById("zimg" + index).src = imgsrc;
10     }14     },

 

鼠标移动到一张图片时变为另一张图片

上一篇:wpf 第二课 App.xaml


下一篇:Java 从html中提取纯文本