改变光标形状的多种方式

编程入门 行业动态 更新时间:2024-10-27 21:23:56

改变<a href=https://www.elefans.com/category/jswz/34/1763548.html style=光标形状的多种方式"/>

改变光标形状的多种方式

一,用css的方式进行添加属性:

#div{cursor:pointer;
}

二,使用js的方式改变光标的状态:

1 // 使用在元素的标签上的事件
2 // 第一种方式
3 onmouseover="this.style.cursor='mouseHand'"
4 
5 // 第二种方式
6 onmouseover="this.ClassName=‘mouseHand’“

三,corsor常用属性如下:

 1 default                 :标准箭头光标 2 pointer, hand           :手形光标  3 auto                    :标准光标  4 all-scroll              :三角方向光标  5 move                    :移动光标  6 crosshair               :十字光标 7 wait                    :0等待光标  8 text                    :I字母形光标  9 vertical-text           :水平I形光标  
10 no-drop                 :不可拖动光标  
11 not-allowed             :无效光标  
12 help                    :帮助光标  

想用哪个光标形状直接改变cursor后面的属性即可

更多推荐

改变光标形状的多种方式

本文发布于:2023-12-03 13:46:43,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1656026.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:光标   形状   多种   方式

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!