鼠标移动上去 , 出现小手

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

http://www.cnblogs.com/henw/archive/2011/04/29/2032516.html

cursor:pointer;

<div class="add_box" onmouseover="this.style.cursor='hand'">

    兼容问题，解决办法就是使用CSS HACK，代码如下:
<a href='#' onmouseover="this.style.cursor='pointer';this.style.cursor='hand'" onmouseout="this.style.cursor='default'" onclick="document.getElementById('ShowContent').innerHTML='';return false;"> 
<img alt="清空屏幕" src="UI/clear.gif" style="border:0"/> 
</a>

 

 

用JS使鼠标变小手onmouseover(鼠标越过的时候)

onmouseover="this.style.cursor='hand'"

="this.style.cursor='hand'"

<span style="color:#3366cc">
</span>

cursor其他取值  
auto                    ：标准光标  
default                 ：标准箭头  
pointer, hand           ：手形光标  
wait                    ：等待光标  
text                    ：I形光标  
vertical-text           ：水平I形光标  
no-drop                 ：不可拖动光标  
not-allowed             ：无效光标  
help                    ：帮助光标  
all-scroll              ：三角方向标  
move                    ：移动标  
crosshair               ：十字标  
e-resize  
n-resize  
nw-resize  
w-resize  
s-resize  
se-resize  
sw-resize