使用css样式改变鼠标指针形状 实例如下

来源:互联网 发布:马尔科夫转移矩阵法 编辑:程序博客网 时间:2024/06/05 08:11

图片形式:



表格形式:


默认default文字/编辑text自动auto手形pointer, hand(hand是IE专有)可移动对象move不允许not-allowed无法释放no-drop等待/沙漏wait帮助help十字准星crosshair向上改变大小(North)n-resize向下改变大小(South)s_resize 与n-resize效果相同向左改变大小(West)w-resize向右改变大小(East)e-resize 与w-resize效果相同向左上改变大小(NorthWest)nw-resize向左下改变大小(SouthWest)sw-resize向右上改变大小(NorthEast)ne-resize 与sw-resize效果相同向右下改变大小(SouthEast)se-resize 与nw-resize效果相同自定义光标url('光标地址')
实列:

  <span style="cursor:hand">手形</span> 

  <span style="cursor:crosshair">十字</span> 

  <span style="cursor:text" >文本光标</span>  

  <span style="cursor:e-resize" >左右箭头</span> 

  <span style="cursor:s-resize" >上下箭头</span> 

  <span style="cursor:auto" >系统自动给出效果</span>

原创粉丝点击