改变鼠标指针形状的方法有两种;一种:用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 style="cursor:crosshair">十字</span>
<span style="cursor:text" >文本光标</span>
<span style="cursor:wait" >等待</span>
<span style="cursor:default" >默认</span>
<span style="cursor:help" >问号</span>
<span style="cursor:e-resize" >左右箭头</span>
<span style="cursor:s-resize" >上下箭头</span>
<span style="cursor:auto" >系统自动给出效果</span>
联系客服