用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 是由系统自动给出效果

 

 

 

posted @ 2013-04-21 20:20  xie小谢  阅读(307)  评论(0编辑  收藏  举报