首页 > 开发 > CSS > 正文

使用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"  />

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表