鼠标 小手

今天调试页面发现放大按钮的图片onmose的时候鼠标状态没有变成手行，于是查了下，原来问题出在FF浏览器兼容问题！顺便发下解决方案，及 cursor:hand 与 cursor:pointer 的区别！
cursor:hand 与 cursor:pointer 的效果是一样的，都像光标指向链接一样，光标变成手行。
cursor:hand ：IE完全支持。但是在firefox是不支持的，没有效果。
cursor:pointer ：是CSS2.0的标准。所以firefox是支持的，但是IE5.0既之前版本不支持。IE6开始支持。

结论：还是用 cursor:pointer 比较好用！


                             IE5    IE6    IE7    Firefox
cursor:pointer       ×           √     √         √

cursor:hand         √           √      √         ×

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

cursor:pointer;


   
   

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

     
     

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

     
     
   
   
   
   

    
    

     
     
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