-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
271 lines (256 loc) · 11.4 KB
/
index.html
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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
<!DOCTYPE html>
<html>
<head>
<title>彩虹島物語技能加點模擬器</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="stylesheets/cssreset-min.css" />
<link rel="stylesheet" type="text/css" href="stylesheets/skills.css" />
<!--[if gt IE 8]>
<style type="text/css">
* { filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) !important; }
</style>
<![endif]-->
<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/jquery.url.js"></script>
<script type="text/javascript" src="scripts/skill-tsukaiou.js"></script>
</head>
<body>
<!-- tkmk nav -->
<div id="nav">
tkmk.jp様のを元にしたスキルシミュレータ ver 2021.10.21
</div>
<!-- container -->
<div id="container">
<!-- header -->
<div id="header">
<h1>
<div id="header"><h1><a href="./"><img src="images/skill.png" />彩虹島物語技能加點模擬器</a></h1></div>
</h1>
</div>
<!-- content -->
<div id="content">
<!-- class-category-menu -->
<ul id="class-category-menu" class="toolbox">
<li>
<span class="class_icon" style="vertical-align: middle; background: url(images/classes/UI_ICON_001.PNG) 0px 0px"></span>
<span style="vertical-align: middle;">戰士職業</span>
<ul class="class-menu toolbox">
<li data-class-id="1">戰士</li>
<li data-class-id="5"> 督軍</li>
<li data-class-id="15"> 龍騎兵</li>
<li data-class-id="36"> 天之王者★</li>
<li data-class-id="24"> 魂之勇者◆</li>
<li data-class-id="6"> 劍鬥士</li>
<li data-class-id="16"> 劍聖</li>
<li data-class-id="37"> 幻武劍豪★</li>
<li data-class-id="25"> 劍刃舞者◆</li>
</ul>
</li>
<li>
<span class="class_icon" style="vertical-align: middle; background: url(images/classes/UI_ICON_001.PNG) -33px 0px"></span>
<span style="vertical-align: middle;">騎士職業</span>
<ul class="class-menu toolbox">
<li data-class-id="2">騎士</li>
<li data-class-id="7"> 聖殿騎士</li>
<li data-class-id="17"> 神騎士</li>
<li data-class-id="38"> 創世主★</li>
<li data-class-id="26"> 恐懼騎士◆</li>
<li data-class-id="8"> 武術家</li>
<li data-class-id="18"> 宗師</li>
<li data-class-id="39"> 諸神使者★</li>
<li data-class-id="27"> 鬥神◆</li>
</ul>
</li>
<li>
<span class="class_icon" style="vertical-align: middle; background: url(images/classes/UI_ICON_001.PNG) -66px 0px"></span>
<span style="vertical-align: middle;">法師職業</span>
<ul class="class-menu toolbox">
<li data-class-id="3">法師</li>
<li data-class-id="9"> 魔導士</li>
<li data-class-id="19"> 元素使</li>
<li data-class-id="40"> 大毀滅者★</li>
<li data-class-id="28"> 幻術師◆</li>
<li data-class-id="10"> 吟遊詩人</li>
<li data-class-id="20"> 演奏家</li>
<li data-class-id="41"> 流行天王★</li>
<li data-class-id="29"> 音樂大師◆</li>
</ul>
</li>
<li>
<span class="class_icon" style="vertical-align: middle; background: url(images/classes/UI_ICON_001.PNG) -99px 0px"></span>
<span style="vertical-align: middle;">遊俠職業</span>
<ul class="class-menu toolbox">
<li data-class-id="4">遊俠</li>
<li data-class-id="11"> 寶藏獵人</li>
<li data-class-id="21"> 神射手</li>
<li data-class-id="42"> 風之潛行者★</li>
<li data-class-id="30"> 忍者大師◆</li>
<li data-class-id="12"> 神槍手</li>
<li data-class-id="22"> 狙擊手</li>
<li data-class-id="43"> 裁決射手★</li>
<li data-class-id="31"> 審判者◆</li>
</ul>
</li>
<li>
<span class="class_icon" style="vertical-align: middle; background: url(images/classes/UI_ICON_001.PNG) -132px 0px"></span>
<span style="vertical-align: middle;">工程師</span>
<ul class="class-menu toolbox">
<li data-class-id="13">工程師</li>
<li data-class-id="14"> 機甲師</li>
<li data-class-id="23"> 操控師</li>
<li data-class-id="44"> 究極兵甲★</li>
<li data-class-id="32"> 改造大師◆</li>
</ul>
</li>
<li>
<span class="class_icon" style="vertical-align: middle; background: url(images/classes/UI_ICON_001.PNG) -165px 0px"></span>
<span style="vertical-align: middle;">靈魂破壞者</span>
<ul class="class-menu toolbox">
<li data-class-id="33">靈魂破壞者</li>
<li data-class-id="34"> 靈魂掠奪者</li>
<li data-class-id="35"> 靈魂統治者</li>
<li data-class-id="45"> 弒魂者★</li>
</ul>
</li>
<li>
<span class="class_icon" style="vertical-align: middle; background: url(images/classes/UI_ICON_001.PNG) -198px 0px"></span>
<span style="vertical-align: middle;">卡片大師</span>
<ul class="class-menu toolbox">
<li data-class-id="46">卡片大師</li>
<li data-class-id="47"> 高階大師</li>
<li data-class-id="48"> 神聖大師</li>
<li data-class-id="49"> 弧形大師★</li>
<li data-class-id="50"> 決鬥大師</li>
<li data-class-id="51"> 黑暗大師</li>
<li data-class-id="52"> 暴力大師★</li>
</ul>
</li>
<li>
<span class="class_icon" style="vertical-align: middle; background: url(images/classes/UI_ICON_001.PNG) -231px 0px"></span>
<span style="vertical-align: middle;">闇影武士</span>
<ul class="class-menu toolbox">
<li data-class-id="53">浪人劍客</li>
<li data-class-id="54"> 狂刃武士</li>
<li data-class-id="55"> 黑狼武士</li>
<li data-class-id="56"> 闇影武士★</li>
</ul>
</li>
<li>
<span class="class_icon" style="vertical-align: middle; background: url(images/classes/UI_ICON_001.PNG) -264px 0px"></span>
<span style="vertical-align: middle;">混血天神</span>
<ul class="class-menu toolbox">
<li data-class-id="57">修道士</li>
<li data-class-id="58"> 對戰大師</li>
<li data-class-id="59"> 復仇者</li>
<li data-class-id="60"> 混血天神★</li>
</ul>
</li>
<li>
<span class="class_icon" style="vertical-align: middle; background: url(images/classes/UI_ICON_001.PNG) -297px 0px"></span>
<span style="vertical-align: middle;">炙焰天</span>
<ul class="class-menu toolbox">
<li data-class-id="61">傭兵</li>
<li data-class-id="62"> 火焰大師</li>
<li data-class-id="63"> 喚焱者</li>
<li data-class-id="64"> 炙焰天★</li>
</ul>
</li>
<li>
<span class="class_icon" style="vertical-align: middle; background: url(images/classes/UI_ICON_001.PNG) -479px -218px"></span>
<span style="vertical-align: middle;">擊劍士</span>
<ul class="class-menu toolbox">
<li data-class-id="65">擊劍士</li>
<li data-class-id="66"> 終結者</li>
<li data-class-id="67"> 劍極大師</li>
<li data-class-id="68"> 黑暗追擊者★</li>
<li data-class-id="69"> 寶石之星◆</li>
</ul>
</li>
<li>
<span class="class_icon" style="vertical-align: middle; background: url(images/classes/UI_ICON_001.PNG) -446px -218px"></span>
<span style="vertical-align: middle;">槍兵</span>
<ul class="class-menu toolbox">
<li data-class-id="70">槍兵</li>
<li data-class-id="71"> 黑暗騎士</li>
<li data-class-id="72"> 和平使者</li>
<li data-class-id="73"> 暗影行者★</li>
</ul>
</li>
</ul>
<!-- state -->
<div id="state" class="clearfix">
<div id="character-lv-box">
<p>角色等級Lv</p>
<p id="character-lv">1</p>
</div>
<div id="skill-point-box">
<p>剩餘技能點數</p>
<p id="skill-point">0</p>
<p id="skill-point-detail">0(+0)-0 = 0</p>
</div>
<div>
<ul>
<li><label><input type="checkbox" class="bonus-point-checkbox" data-bonus-point="1" />超級瑪麗獎勵</label></li>
<li><label><input type="checkbox" class="bonus-point-checkbox" data-bonus-point="1" />歸還艾里亞斯石塔獎勵</label></li>
<li><label><input type="checkbox" class="bonus-point-checkbox" data-bonus-point="10" />3次転職獎勵</label></li>
<li><label><input type="checkbox" class="bonus-point-checkbox" data-bonus-point="1" />名譽技能點獎勵</label></li>
<li><label><input type="checkbox" class="bonus-point-checkbox" data-bonus-point="1" />怪物大廈上級認定獎勵</label></li>
<li><label><input type="checkbox" class="bonus-point-checkbox" data-bonus-point="10" />4次転職獎勵</label></li>
</ul>
</div>
<div>
<button id="url-button">URL分享</button>
<br />
<textarea id="url-textarea" rows="4" cols="75">複製此處的URL即可將技能加點分享給他人</textarea>
<br />
</div>
<div align="right">
<button class="reset-button">重置</button>
</div>
</div>
<!-- trees -->
<div id="trees">
<ul id="tree-tabs">
<li class="active">欢迎使用...</li>
</ul>
<div class="tree">
<h1>说明</h1>
<ul style="list-style-type: disc; margin: 0 0 0 2em;">
<li>本工具原本由[tkmk.jp]开发，后经[pshu]接手更新</li>
<li>本人只是出于爱好, 将此工具移植翻译并顺带修复几个bug</li>
<li>目前网站还缺少一个固定的域名, 希望有大佬能赞助一下, 绑定个子域名即可, 类似latale.example.com</li>
<li>CDN和服务器费用当前是自费的</li>
<li>目前本工具的技能数据基于20211124-01版本的客户端数据制作而成</li>
</ul>
<h1>2021.11.25 更新</h1>
<ul style="list-style-type: disc; margin: 0 0 0 2em;">
<li>同步了全部技能説明、技能介紹、技能參數</li>
<li>解决了技能弹出层的文字未翻译的问题</li>
<li>修复了暗影行者黑暗噬者[不死]和黑暗噬者[保護]技能无详情弹窗的问题</li>
</ul>
<h1>2021.11.24 更新</h1>
<ul style="list-style-type: disc; margin: 0 0 0 2em;">
<li>完成了职业名称的翻译</li>
<li>完成了基础页面的翻译</li>
<li>修复了职业过多导致职业名称被覆盖的问题</li>
<li>修复了当打开新职业的加点分享页面时, 页面无内容的问题</li>
</ul>
</div>
</div>
</div>
<!-- end content -->
<div id="footer">
<p>author: pshu@青鯖</p>
<p>translate by: 元氣君</p>
<p>material:<a href="http://ghostcradle.pya.jp/" target="_blank">Ghost Cradle</a>
<a href="http://tkmk.jp/" target="_blank">tkmk.jp</a>
</p>
<p>©2006 Actoz Soft, All right reserved.
©2006 Gamepot Inc, All right reserved.
©tkmk.jpのひと 様</p>
</div>
</div>
<!-- end container -->
<div class="tip"></div>
</body>
</html>