鼠标手势

光标类型 CSS
把你的光标放到相应文字上查看效果 要注意光标的实际效果依赖于用户的系统设置,与你在这里看到的效果并不一定一致。
<SPAN style="CURSOR: crosshair">十字准心</SPAN>
cursor: crosshair;
 
 
<SPAN style="CURSOR: pointer">手</SPAN>
cursor: pointer;
cursor: hand;

写两个是为了照顾IE5,它只认hand。
<SPAN style="CURSOR: wait">等待/沙漏</SPAN>
 
cursor: wait;
<SPAN style="CURSOR: help">帮助</SPAN>
 
cursor: help;
<SPAN style="CURSOR: no-drop">无法释放</SPAN>
 
cursor: no-drop;
<SPAN style="CURSOR: text">文字/编辑</SPAN>
 
cursor: text;
<SPAN style="CURSOR: move">可移动对象</SPAN>
 
cursor: move;
<SPAN style="CURSOR: n-resize">向上改变大小(North) </SPAN>
 
cursor: n-resize;
<SPAN style="CURSOR: s-resize">向下改变大小(South) </SPAN>
 
cursor: s-resize;
<SPAN style="CURSOR: e-resize">向右改变大小(East) </SPAN>
 
cursor: e-resize;
<SPAN style="CURSOR: w-resize">向左改变大小(West) </SPAN>
 
cursor: w-resize;
<SPAN style="CURSOR: ne-resize">向上右改变大小(North East) </SPAN>
 
cursor: ne-resize;
<SPAN style="CURSOR: nw-resize">向上左改变大小(North West) </SPAN>
 
cursor: nw-resize;
<SPAN style="CURSOR: se-resize">向下右改变大小(South East)</SPAN>
 
cursor: se-resize;
<SPAN style="CURSOR: sw-resize">向下左改变大小(South West) </SPAN>
 
cursor: sw-resize;
<SPAN style="CURSOR: auto">自动</SPAN>
 
cursor: auto;
<SPAN style="CURSOR: not-allowed">禁止</SPAN>
 
cursor:not-allowed;
<SPAN style="CURSOR: progress">处理中</SPAN>
 
cursor: progress;
<SPAN style="CURSOR: default">系统默认</SPAN>
 
cursor: default;
用户自定义 cursor: url(' # ');
  # = 光标文件地址   (注意文件格式必须为:.cur 或 .ani)。

你可能感兴趣的:(js,职场,mouse,休闲)