标题:使用CSS实现改变鼠标的形状
作者:网友
日期:2023-04-12 19:32:25
内容:
有时，我们需要在不同的地方使用不同的鼠标指针，如当用户鼠标滑过问题时可以使用问号鼠标指针，当用户在玩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.cuoxin.com/support/about.asp">关于本站</a>
<a style="cursor:text" href="http://www.cuoxin.com/support/leaveword.asp">留言反馈</a>
下面是在输入框中实现的例子：
<input type="text" style="cursor:help" name="helptopic" id="helptopic" />