CSS高级体验设计--鼠标指针样式

[liujiusheng]

常用的鼠标指针样式(cursor的值)也就：
url:需使用的自定义光标的 URL。
（注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。）
default: 默认光标（通常是一个箭头）
auto: 默认。浏览器设置的光标。
crosshair: 光标呈现为十字线。
pointer: 光标呈现为指示链接的指针（一只手）
move: 此光标指示某对象可被移动。
e-resize: 此光标指示矩形框的边缘可被向右（东）移动。
ne-resize: 此光标指示矩形框的边缘可被向上及向右移动（北/东）。
nw-resize: 此光标指示矩形框的边缘可被向上及向左移动（北/西）。
n-resize: 此光标指示矩形框的边缘可被向上（北）移动。
se-resize: 此光标指示矩形框的边缘可被向下及向右移动（南/东）。
sw-resize: 此光标指示矩形框的边缘可被向下及向左移动（南/西）。
s-resize: 此光标指示矩形框的边缘可被向下移动（南）。
w-resize: 此光标指示矩形框的边缘可被向左移动（西）。
text: 此光标指示文本。
wait: 此光标指示程序正忙（通常是一只表或沙漏）。
help: 此光标指示可用的帮助（通常是一个问号或一个气球）。

这几个，通过百度，w3school,大多数书籍查看到的也只有这几个属性，
其实还有：
none: 不显示光标（与url设置的图片为空白图片时效果一样）
context-menu: 暂无效果
cell: 像excel中鼠标悬浮在表格上一样
vertical-text: 文字竖排时的光标（与输入框的效果一致，只是方向不同）
alias: 键头上有个小键头
copy: 键头上有个小加号
no-drop: 禁止图标
not-allowed: 禁止图标
ew-resize: 左右双向键头
ns-resize: 上下双向键头
nesw-resize: 右上到左下双向键头
nwse-resize: 左上到右下双向键头
col-resize: 左右拖动分隔线效果
row-resize: 上下拖动分隔线效果
all-scroll: 与move一样
zoom-in: 放大图标
zoom-out: 缩小图标
这几个属性

地图中需要经常用到的有all-scroll、zoom-in、zoom-out等