有时,我们需要在不同的地方使用不同的鼠标指针,如当用户鼠标滑过问题时可以使用问号鼠标指针,当用户在玩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" />
新闻热点
疑难解答