css样式改变鼠标指针形状实例
改变鼠标指针形状的方法有两种;一种:用css样式表来改变鼠标指针形状。另一种是:利用第三方控件的方法,而我自己最常用的是第一种:用css样式表来改变鼠标指针形状
我们先来看第一种:用css样式表来改变鼠标指针形状。
有些时候我们并不需要文字,图片加链接,而且还想要加链接时的鼠标样式。这就用到了我们的css样式表鼠标指针形状了。请下面的css鼠标指针css样式表的一些属性:
默认
default
文字/编辑
text
自动
auto
手形
pointer, hand(hand是IE专有)
可移动对象
move
不允许
not-allowed
无法释放
no-drop
等待/沙漏
wait
帮助
help
十字准星
crosshair
向上改变大小(North)
n-resize
向下改变大小(South)
s_resize 与n-resize效果相同
向左改变大小(West)
w-resize
向右改变大小(East)
e-resize 与w-resize效果相同
向左上改变大小(NorthWest)
nw-resize
向左下改变大小(SouthWest)
sw-resize
向右上改变大小(NorthEast)
ne-resize 与sw-resize效果相同
向右下改变大小(SouthEast)
se-resize 与nw-resize效果相同
自定义光标
url('光标地址')
<span >手形</span> 
<span >十字</span> 
<span >文本光标</span> 
<span >等待</span> 
css鼠标点击样式<span >默认</span> 
<span >问号</span> 
<span >左右箭头</span> 
<span >上下箭头</span> 
<span >系统自动给出效果</span>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。