用css控制鼠标样式

用css控制鼠标样式的语法如下：

<span style="cursor:*">内容</span>

* 可以换成16个效果(鼠标移上去显示效果)：

1. hand 是手型
2. pointer 也是手型，推荐使用这种，支持多种浏览器。
3. crosshair 是十字型
4. move 十字箭头
5. col-resize 左右两个箭头，中间由竖线分隔开
6. col-resize 上下两个箭头，中间由横线分隔开
7. no-drop 被斜线贯穿的圆圈
8. text 是移动到文本上的那种效果
9. wait 是等待的那种效果
10. default 是默认效果
11. help 是问号
12. e-resize 是向右的箭头
13. ne-resize 是向右上的箭头
14. n-resize 是向上的箭头
15. nw-resize 是向左上的箭头
16. w-resize 是向左的箭头
17. sw-resize 是左下的箭头
18. s-resize 是向下的箭头
19. se-resize 是向右下的箭头
20. auto 是由系统自动给出效果

 

 

 

转载于:https://www.cnblogs.com/xiey/archive/2013/04/21/3034364.html