JS改变鼠标样式

在HTML(源码)状态下,加入如下代码(其中的鼠标代码部分可替换成自己喜欢的鼠标样式 


手型 
代码:<A style="cursor:pointer">手型</A>
十字型 
代码:<A style="CURSOR: crosshair">十字型</A> 
文本型 
代码:<A style="CURSOR: text">文本型</A> 
等待效果 
代码:<A style="CURSOR: wait">等待效果</A> 
默认效果 
代码:<A style="CURSOR: default">默认效果</A> 
问号效果 
代码:<A style="CURSOR: help">问号效果</A> 
向右箭头效果 
代码:<A style="CURSOR: e-resize">向右箭头效果</A> 
向右上箭头效果 
代码:<A style="CURSOR: ne-resize">向右上箭头效果</A> 
向上箭头效果 
代码:<A style="CURSOR: n-resize">向上箭头效果</A>
向左上箭头效果 
<A style="CURSOR: nw-resize">向左上箭头效果</A>
向左箭头效果 
<A style="CURSOR: w-resize">向左箭头效果</A> 
向左下箭头效果 
代码:<A style="CURSOR: sw-resize">向左下箭头效果</A> 
向下箭头效果 
代码:<A style="CURSOR: s-resize">向下箭头效果</A> 
向右下箭头效果 
代码:<A style="CURSOR: se-resize">向右下箭头效果</A> 
由系统自动给出效果 

代码:<A style="CURSOR: auto">由系统自动给出效果</A> 

<a style="cursor:not-allowed">禁止</a><br />
<a style="cursor:progress">处理中</a><br />
<a style="cursor:no-drop">无法释放</a><br />
<a style="cursor:vertical-text">水平I形光标</a><br />

 
自定义鼠标指针

代码:<A style="cursor:url(指针文件的路径),pointer">自定义鼠标指针</A>



  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值