css控制鼠标样式

2010年06月26日 15:53 by:lao8

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

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

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

  1. hand 是手型
  2. pointer 也是手型,推荐使用这种,支持多种浏览器。
  3. crosshair 是十字型
  4. text 是移动到文本上的那种效果
  5. wait 是等待的那种效果
  6. default 是默认效果
  7. help 是问号
  8. e-resize 是向右的箭头
  9. ne-resize 是向右上的箭头
  10. n-resize 是向上的箭头
  11. nw-resize 是向左上的箭头
  12. w-resize 是向左的箭头
  13. sw-resize 是左下的箭头
  14. s-resize 是向下的箭头
  15. se-resize 是向右下的箭头
  16. auto 是由系统自动给出效果

 

也可以指定为自己想要的鼠标效果,鼠标指针的格式有.cur和.ani两种格式。

例如:可以用css把鼠标指针这样设置:

css自定义样式鼠标指针

代码如下:

  1. <span style="cursor:url('http://www.lao8.org/images/link.ani')">css自定义鼠标样式 </span>

 

标签:css 鼠标样式