一般而言,鼠标以斜向上的箭头显示,移到文本上时变为有头的竖线,移到超级链接上变为手型。但用css可控制鼠标的显示效果,如可使鼠标移到普通文本上也显示成手型。
用css控制的语法如下:
<span style="cursor:*">文本或其它页面元素</span>
把 * 换成如下15个效果的一种:
hand、crosshair、text、wait、default、help、e-resize、ne-resize、n-resize、nw-resize、w-resize、sw-resize、s-resize、se-resize和auto。
下面是对这15种效果的解释。移动鼠标到解释上面,看看你的鼠标起了什么变化吧!
hand是手型
crosshair是十字型
text是移动到文本上的那种效果
wait是等待的那种效果
default是默认效果
help是问号
e-resize是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭头
sw-resize是左下的箭头
s-resize是向下的箭头
se-resize是向右下的箭头
auto是由系统自动给出效果
css:鼠标样式
原创文章如转载,请注明:转载自悠悠博客 [ http://www.ajaxstu.com/ ]
相关文章:
- CSS切换实例解析(2007-11-1 7:41:10)
- CSS学习(2007-10-8 1:59:6)
- CSS兼容要点(2007-8-24 9:46:19)
- 混合CSS下拉元素(2007-6-21 10:34:1)
- RSS使用(2007-3-5 7:41:3)
- JavaScript的IE和Firefox兼容性汇编(2006-8-25 6:35:53)
- CSS基础学习:样式表CSS简明教程(2006-6-12 10:51:37)
- HTML元素的默认CSS设置(2006-5-26 1:56:58)
- CSS的常用技巧放送(2006-5-1 3:15:24)
- css:多列列表样式(2006-4-7 4:22:53)
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。