cursors元素官方说明文档

<cursors>

更新于2016.4.9 krpano 1.19 pr4

自定义鼠标光标。

HTML5:
可以使用 standard, dragging 与 moving 来选择原生系统光标设置这些状态。

Flash:
使用 url 设置可自定义光标图像。可以使用一张包含有不同鼠标状态的图片,这能够减少必须的下载提高速度。通过定义裁切的像素坐标来选取不同的光标。


<cursors standard=”default”
dragging=”move”
moving=”move”
url=””
type=”8way”
move=””
drag=””
arrow_l=””
arrow_r=””
arrow_u=””
arrow_d=””
arrow_lu=””
arrow_ru=””
arrow_ld=””
arrow_rd=””
/>

属性名 变量全名 类型 默认值
standard
dragging
moving
cursors.standard
cursors.dragging
cursors.moving
String
String
String
default
move
move
对当前状态选择原生的CSS鼠标光标(仅HTML5)。
属性名 变量全名 类型 默认值
url cursors.url String
光标图片的路径。这张图片必须包含所有光标状态的全部图像。通过定义坐标和尺寸的范围(crop)来选择特定光标的图像。
属性名 变量全名 类型 默认值
type cursors.type String 8way
drag = move/drag
4way = move/drag/arrow_l/arrow_u,arrow_r,arrow_d
8way = all
属性名 变量全名 类型 默认值
move
drag
arrow_l
arrow_r
arrow_u
arrow_d
arrow_lu
arrow_ru
arrow_ld
arrow_rd
cursors.move
cursors.drag
cursors.arrow_l
cursors.arrow_r
cursors.arrow_u
cursors.arrow_d
cursors.arrow_lu
cursors.arrow_ru
cursors.arrow_ld
cursors.arrow_rd
String
String
String
String
String
String
String
String
String
String
move = 正常移动(鼠标按钮没有按下)
drag = 鼠标按钮按下
arrow_* = 鼠标按钮向下并且向着某个方向移动
ico-example 示例
<control mousetype=”drag2D” />
<cursors url=”drag-cursors.png”
type=”drag”
move=”2|0|30|32″
drag=”37|0|30|32″
/>
<control mousetype=”moveto” />
<cursors url=”arrow-cursors.png”
type=”4way”
move=”112|0|28|28″
drag=”112|0|28|28″
arrow_r=”0|0|28|28″
arrow_d=”28|0|28|28″
arrow_l=”56|0|28|28″
arrow_u=”84|0|28|28″
/>

在 “cursors元素官方说明文档” 上有 1 条评论

发表评论