JS前端CSS+元素,鼠标事件触发鼠标模形变成手状的形状

一:直接使用CSS样式改变

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

style="cursor:pointer;"

二:使用JS触发事件改变原样式:

在鼠标事件onmouseover(鼠标移动到元素上触发事件)触发时设置对应的样式 :

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

三、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                    :帮助光标  

你可能感兴趣的:(CSS,layui,javascript,css,css3,javascript)