把a标签设置为不可点击，鼠标放上去让div变成小手样式

 把a标签设置为不可点击

 
<div style="pointer-events: none;">
    <a href="www.baidu.com">百度一下</a>    
</div>

給div添加了pointer-events: none样式后，div里面的所有点击事件都不会被触发

鼠标放上去让div变成小手样式

cursor:hand ：IE完全支持。在firefox是不支持的，没有效果
cursor:pointer ：firefox是支持的，但IE5.0既之前版本不支持，IE6开始支持。是CSS2.0的标准

方式一

<div style="cursor:pointer;">小手样式</div>

 方式二

<div id="handStyle">小手样式</div>


#handStyle:hover {
    cursor:pointer
}

cursor的其他取值

值	描述
url	需使用的自定义光标的 URL 注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标
default	默认光标（通常是一个箭头）
auto	默认（浏览器设置的光标）
crosshair	光标呈现为十字线
pointer, hand	光标呈现为指示链接的指针（一只手）
move	某对象可被移动，移动光标
vertical-text	水平I形光标
no-drop	不可拖动光标
not-allowed	无效光标
all-scroll	三角方向标
e-resize	矩形框的边缘可被向右（东）移动
ne-resize	矩形框的边缘可被向上及向右移动（北/东）
nw-resize	矩形框的边缘可被向上及向左移动（北/西）
n-resize	矩形框的边缘可被向上（北）移动
se-resize	矩形框的边缘可被向下及向右移动（南/东）
sw-resize	矩形框的边缘可被向下及向左移动（南/西）
s-resize	矩形框的边缘可被向下移动（南）
w-resize	矩形框的边缘可被向左移动（西）
text	文本，I形光标
wait	程序正忙（通常是一只表或沙漏）等待光标
help	可用的帮助（通常是一个问号或一个气球），帮助光标