用css控制鼠标样式
用css控制鼠标样式的语法如下:
<span style="cursor:*">内容</span>
* 可以换成16个效果(鼠标移上去显示效果):
- hand 是手型
- pointer 也是手型,推荐使用这种,支持多种浏览器。
- crosshair 是十字型
- move 十字箭头
- col-resize 左右两个箭头,中间由竖线分隔开
- col-resize 上下两个箭头,中间由横线分隔开
- no-drop 被斜线贯穿的圆圈
- text 是移动到文本上的那种效果
- wait 是等待的那种效果
- default 是默认效果
- help 是问号
- e-resize 是向右的箭头
- ne-resize 是向右上的箭头
- n-resize 是向上的箭头
- nw-resize 是向左上的箭头
- w-resize 是向左的箭头
- sw-resize 是左下的箭头
- s-resize 是向下的箭头
- se-resize 是向右下的箭头
- auto 是由系统自动给出效果