用css添加手状样式鼠标移上去变小手

当前位置 : 首页 > 网页制作 > CSS > 用css添加手状样式鼠标移上去变小手

用css添加手状样式鼠标移上去变小手

来源: 作者: 时间:2015-10-31 10:12
css实现的鼠标经过某对象时让其变成手状,下面整理了光标的各种样式,其中pointer, hand为手形光标
css实现的鼠标经过某对象时让其变成手状,下面整理了光标的各种样式,其中pointer, hand为手形光标

用css 添加手状样式,鼠标移上去变小手,变小手

复制代码
代码如下:

<span style="font-size:14px">cursor:pointer;

</span><div class="wp_syntax"><span style="font-size:14px">用JS使鼠标变小手onmouseover(鼠标越过的时候)
</span><div class="code"><pre name="code" class="javascript"><span style="font-size:14px">onmouseover<span style="color:rgb(51,153,51)">=</span><span style="color:rgb(51,102,204)">"this.style.cursor='hand'"</span>
</span></pre><span style="font-size:14px"></span></div><span style="font-size:14px"></span></div><span style="font-size:14px"></span><div class="wp_syntax"><span style="font-size:14px"></span><div class="code"><span style="font-size:14px"></span><pre name="code" class="php"><span style="font-size:14px">cursor其他取值
auto :标准光标
<span style="color:rgb(177,177,0)">default</span> :标准箭头
pointer, hand :手形光标
wait :等待光标
text :I形光标
vertical<span style="color:rgb(51,153,51)">-</span>text :水平I形光标
no<span style="color:rgb(51,153,51)">-</span>drop :不可拖动光标
not<span style="color:rgb(51,153,51)">-</span>allowed :无效光标
help :帮助光标
all<span style="color:rgb(51,153,51)">-</span>scroll :三角方向标
move :移动标
crosshair :十字标 </span>
</pre></div></div>

Tag:
网友评论

<