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

博客参看：

https://blog.csdn.net/gaokcl/article/details/76962030?spm=1001.2014.3001.5502

 

 

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

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

cursor:pointer;

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

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

 

 

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

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

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

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

1.  
   cursor其他取值
2.  
   auto ：标准光标
3.  
   default ：标准箭头
4.  
   pointer, hand ：手形光标
5.  
   wait ：等待光标
6.  
   text ：I形光标
7.  
   vertical-text ：水平I形光标
8.  
   no-drop ：不可拖动光标
9.  
   not-allowed ：无效光标
10.  
    help ：帮助光标
11.  
    all-scroll ：三角方向标
12.  
    move ：移动标
13.  
    crosshair ：十字标
14.  
    e-resize
15.  
    n-resize
16.  
    nw-resize
17.  
    w-resize
18.  
    s-resize
19.  
    se-resize
20.  
    sw-resize

 

gcl_air

关注