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