使用CSS实现改变鼠标的形状

有时，我们需要在不同的地方使用不同的鼠标指针，如当用户鼠标滑过问题时可以使用问号鼠标指针，当用户在玩javascript游戏射击时，可以把鼠标设置成十字形状等等，这如何实现呢？实际上这很简单，使用CSS可以轻松的控制鼠标的指针，下面是常用的鼠标指针控制方法：

<span style="cursor:hand">手形</span>　
<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>


以上是为了说明问题，使用了<span>标签，下面使用<a>标签的例子：

<a style="cursor:help" href="http://www.biye5u.com/support/about.asp">关于本站</a>
<a style="cursor:text" href="http://www.biye5u.com/support/leaveword.asp">留言反馈</a>

下面是在输入框中实现的例子：

<input type="text" style="cursor:help" name="helptopic" id="helptopic"  />

实例演示

转载请注明出处：翔宇亭IT乐园（http://www.biye5u.com/），尊重他人知识，共建和谐互联网