CSS+JS鼠标事件触发鼠标模形实现手状

  1. 直接使用CSS样式改变

     当鼠标移动到元素上显示手状。

style="cursor:pointer;"

  2. 使用JS触发事件改变原样式：

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

3. cursor属性的常用取值，如下：

 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                    ：帮助光标  

原创作者：吴小糖

创作时间：2023.1.5