如何用代码把鼠标光标变成小手
分类:问答
如何用代码把鼠标光标变成小手
-
这个功能是当鼠标移动到某个元素上面的时候改变光变的样式,我使用的方法是HTML+JS的方法进行实现
HTML
<img v-for="(item,index) in srcLista" :src="item" @click="substitute(item)" @mouseover="changeMask(true,index)" @mouseout="changeMask(false,index)" :id="'abc'+index">
JS
changeMask(b,index){
if(b){
document.getElementById("abc"+index).style.cursor="pointer";
}else{
document.getElementById("abc"+index).style.cursor="wait";
}
},
第二种方法是使用css进行实现这种方法相对简单,只需要在元素上添加属性就可以了
cursor:pointer;
1年前 我来评论