JS前端CSS+元素，鼠标模形变成手状的形状

最新推荐文章于 2024-01-18 17:30:14 发布

冰海恋雨.

最新推荐文章于 2024-01-18 17:30:14 发布

阅读量725

点赞数 1

文章标签：前端 javascript css

本文链接：https://blog.csdn.net/m0_64590669/article/details/131591384

版权

一，可以直接给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                    ：帮助光标