krpano之鼠标样式修改

101 阅读 0 评论 67 点赞

我是靠谱客的博主高挑老鼠，这篇文章主要介绍krpano之鼠标样式修改，现在分享给大家，希望可以做个参考。

引入cursors.js。

cursors.js代码：

复制代码

<krpano >
<events onxmlcomplete="action(qtvrcursor);" ></events>


<action name="qtvrcursor">
set(control.mousetype, moveto);
set(cursors.url,
skin/qtvr-cursors.png);
set(cursors.type, 8way);
set(cursors.move,
0|0|16|16);
set(cursors.drag,
16|0|16|16);
set(cursors.arrow_u,
32|0|16|16);
set(cursors.arrow_d,
48|0|16|16);
set(cursors.arrow_l,
64|0|16|16);
set(cursors.arrow_r,
80|0|16|16);
set(cursors.arrow_lu,
96|0|16|16);
set(cursors.arrow_ru, 112|0|16|16);
set(cursors.arrow_rd, 128|0|16|16);
set(cursors.arrow_ld, 144|0|16|16);
</action>

<action name="dragcursor">
set(control.mousetype, drag2D);
set(cursors.url,
skin/drag-cursors.png);
set(cursors.type, drag);
set(cursors.move,
2|0|30|32);
set(cursors.drag, 37|0|30|32);
</action>

<action name="arrowcursor">
set(control.mousetype, moveto);
set(cursors.url,
skin/arrow-cursors.png);
set(cursors.type, 4way);
set(cursors.move,
112|0|28|28);
set(cursors.drag,
112|0|28|28);
set(cursors.arrow_r,
0|0|28|28);
set(cursors.arrow_d,
28|0|28|28);
set(cursors.arrow_l,
56|0|28|28);
set(cursors.arrow_u,
84|0|28|28);
</action>

</krpano>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<krpano >
<events onxmlcomplete="action(qtvrcursor);" />
<!--鼠标样式样式属性开始 -->
<!--（1）-->
<action name="qtvrcursor">
set(control.mousetype, moveto);
set(cursors.url,
skin/qtvr-cursors.png);
set(cursors.type, 8way);
set(cursors.move,
0|0|16|16);
set(cursors.drag,
16|0|16|16);
set(cursors.arrow_u,
32|0|16|16);
set(cursors.arrow_d,
48|0|16|16);
set(cursors.arrow_l,
64|0|16|16);
set(cursors.arrow_r,
80|0|16|16);
set(cursors.arrow_lu,
96|0|16|16);
set(cursors.arrow_ru, 112|0|16|16);
set(cursors.arrow_rd, 128|0|16|16);
set(cursors.arrow_ld, 144|0|16|16);
</action>
<!--（2）-->
<action name="dragcursor">
set(control.mousetype, drag2D);
set(cursors.url,
skin/drag-cursors.png);
set(cursors.type, drag);
set(cursors.move,
2|0|30|32);
set(cursors.drag, 37|0|30|32);
</action>
<!--（3）-->
<action name="arrowcursor">
set(control.mousetype, moveto);
set(cursors.url,
skin/arrow-cursors.png);
set(cursors.type, 4way);
set(cursors.move,
112|0|28|28);
set(cursors.drag,
112|0|28|28);
set(cursors.arrow_r,
0|0|28|28);
set(cursors.arrow_d,
28|0|28|28);
set(cursors.arrow_l,
56|0|28|28);
set(cursors.arrow_u,
84|0|28|28);
</action>
<!--鼠标样式样式属性 END-->
</krpano>