如何用代码把鼠标光标变成小手

羞羞 发布于 2年前 分类:问答

如何用代码把鼠标光标变成小手

回复

共1条回复 我来回复
  • 这个功能是当鼠标移动到某个元素上面的时候改变光变的样式,我使用的方法是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;

联系我们

173-662-005

在线咨询: QQ交谈

邮件:woowuo@126.com

工作时间:周一至周五,10:30-18:30,节假日休息

关注微信
我已知晓并同意