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

前端  /  管理员 发布于 7年前   240

用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>