Web前端鼠标变小手CSS和JS(Vue)两种实现
1.CSS实现方式:cursor:pointer;//鼠标变小手2.JS实现:<buttonid="abc"class="botton_qr_download"@mouseover="changeMask(true)"@mouseout="change
·
最近公司项目需要开发一点前端页面,在网上找了很多资料,经常有介绍错误的或者不够详细的,很浪费时间。我自己写的都是通过我自己的实践,多方面查找资料验证,当前时间根据步骤可以实现功能的方法。
- CSS实现方式:
cursor:pointer;//鼠标变小手
- JS实现:
<button
id="abc"
class="botton_qr_download"
@mouseover="changeMask(true)"
@mouseout="changeMask(false)">
二维码下载
</button>
//修改二维码显示状态
changeMask:function(b){
if(b){
document.getElementById("abc").style.cursor="pointer";
}else{
document.getElementById("abc").style.cursor="wait";
}
console.log(b);
}
更多推荐
已为社区贡献5条内容
所有评论(0)