-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
254 lines (254 loc) · 24.2 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
<!DOCTYPE html>
<!-- This is an open-source website. -->
<!-- Find more @ https://github.com/kdxhub/random_name_picker or @ https://gitee.com/kdxiaoyi/random_name_picker -->
<!-- Only for personal studying. No commercial plz. -->
<!-- Reprint please sign. -->
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>Random Name Picker - kdxiaoyi</title>
<link rel="icon" href="./favicon.ico"></link>
<link rel="stylesheet" href="./res/DIN/font.css" />
<link rel="stylesheet" href="./res/hanyi/font.css" />
<link rel="stylesheet" href="./res/MiSans/font.css" />
<link rel="preload" href="./javascript/js.js" as="script" />
<link rel="preload" href="./list.js" as="script" />
<link rel="preload" href="./res/background.png" as="image" />
<link rel="preload" href="./res/objects.png" as="image" />
<link rel="preload" href="./res/starLevel.png" as="image" />
<link rel="preload" href="./res/labelChar.jpg" as="image" />
<link rel="stylesheet" href="./css/style.css" />
<link rel="stylesheet" href="./css/main.css" />
<link rel="stylesheet" href="./css/cgFrame.css" />
<link rel="stylesheet" href="./css/result.css" />
<link rel="stylesheet" href="./css/total.css" />
<link rel="preload" href="./res/cg3.mp4" as="video" type="video/mp4" />
<link rel="preload" href="./res/cg4.mp4" as="video" type="video/mp4" />
<link rel="preload" href="./res/cg5.mp4" as="video" type="video/mp4" />
<link rel="preload" href="./res/result-bgm.ogg" as="audio" type="audio/ogg" />
<link rel="preload" href="./res/ring.ogg" as="audio" type="audio/ogg" />
</head>
<body onselectstart="noSelect()"><div class="generalFrame" id="generalFrame">
<div id="noscript" style="text-align: center;"><b>E07:由于您似乎禁用了Javascript或者出于其它原因，页面无法正常加载。<br>此外，该应用不兼容IE系浏览器。</b></div><!-- 未启用js或者js加载失败的提示 -->
<div class="mainDisabled" id="main"><!-- 主页面 -->
<div class="center">
<h2 class="mainTitle">Random Name Picker</h2>
<h6 class="subTitle">Pro Max Ultra Utterly Big Hyper Large Plus +</h6>
<br><p>随机点名助手！拒绝纠结症！</p>
<p id="main-loadedList"></p>
<p id="startGuidancePrompt">↓ 启动 ↓</p>
<input id="skip" type="checkbox" />跳过动画<br>
<button id="start" onclick="startSingle()" class="sr"><p class="black" id="startButtonTips" style="position:relative;">跃迁1次</p></button>
<button id="start" onclick="start()" class="sr"><p class="black" id="startButtonTips" style="position:relative;">跃迁10次</p></button>
<footer class="site-footer">
<span class="site-footer-credits">
<br>
<button onclick="historyPage()" class="sr" style="display:none;"><p class="black" style="position:relative;">历史记录</p></button><a href="javascript:configSpawn()">配置文件生成器</a> | <a href="./simple.html">Simple.html</a></small>
<small><p>kdxiaoyi (C) 2024</p></small>
<small><p>All Copyright Reserved.</p></small>
<small><p>↓ 开源项目地址 ↓</p>
<a href="https://github.com/kdxhub/random_name_picker">kdxhub/random_name_picker</a></small>
</span>
</footer>
</div>
</div>
<div class="cgFrameDisabled" id="cgFrame"><!-- 抽卡动画 -->
<header class="srheader"><!-- 借用下result里面的标题（懒） -->
<div class="srreturn">
<span class="srreturnBtn" id="skipBtn" onclick="cgEnded()"></span>
</div>
</header>
<video id="cg" class="cg" disablepictureinpicture=true preload="auto">
<source src="./res/cg3.mp4" type="video/mp4" />
<source src="./res/cg4.mp4" type="video/mp4" />
<source src="./res/cg5.mp4" type="video/mp4" />
E01.抱歉，遇到了些问题。请检查你的浏览器版本。
</video>
</div>
<div class="resultDisabled" id="result"><!-- 结果展示 -->
<header class="srheader">
<div class="srtitle">
<i class="wishingIcon" id="wishingIcon"></i><p class="srtitleP1">跃迁</p><p class="srtitleP2">结果展示</p>
</div>
<div class="srreturn">
<span class="srreturnBtn" id="totalBtn" onclick="total()"></span>
</div>
</header>
<p id="nowName" class="p-showing">E02.结果生成错误：未知错误。</p>
<img id="label" class="label" src="./res/labelChar.jpg" />
<div id="starDiv" class="starLevel">
<img class="starLevel-img" src="./res/starLevel.png" />
<img class="starLevel-img" src="./res/starLevel.png" />
<img class="starLevel-img" src="./res/starLevel.png" />
<img id="four" class="starLevel-img" src="./res/starLevel.png" />
<img id="five" class="starLevel-img" src="./res/starLevel.png" />
</div>
<audio id="resultBgm" preload="auto" style="display: none;" loop><source src="./res/result-bgm.ogg" type="audio/ogg" />E03.未能加载背景音乐，请检查你的浏览器版本</audio>
<audio id="ring" preload="auto" style="display: none;"><source src="./res/ring.ogg" type="audio/ogg" />E03.未能加载提示音乐，请检查你的浏览器版本</audio>
<div id="HighQuality-stars" id="star-bgEffect">
<div class="stars" style="left: 66%; top: 6%; transform: scale(0.498107); animation-delay: 2.39472s; animation-duration: 4s;"></div><div class="stars" style="left: 69%; top: 19%; transform: scale(0.997783); animation-delay: 1.19359s; animation-duration: 4s;"></div><div class="stars" style="left: 36%; top: 70%; transform: scale(0.754561); animation-delay: 0.147898s; animation-duration: 2s;"></div><div class="stars" style="left: 45%; top: 84%; transform: scale(0.688603); animation-delay: 0.792689s; animation-duration: 3s;"></div><div class="stars" style="left: 73%; top: 89%; transform: scale(0.813369); animation-delay: 1.54381s; animation-duration: 3s;"></div><div class="stars" style="left: 50%; top: 18%; transform: scale(0.762651); animation-delay: 1.91573s; animation-duration: 2s;"></div><div class="stars" style="left: 32%; top: 13%; transform: scale(0.196293); animation-delay: 1.05553s; animation-duration: 4s;"></div><div class="stars" style="left: 66%; top: 31%; transform: scale(0.366149); animation-delay: 0.991148s; animation-duration: 4s;"></div><div class="stars" style="left: 8%; top: 40%; transform: scale(0.684247); animation-delay: 0.234911s; animation-duration: 2s;"></div><div class="stars" style="left: 29%; top: 10%; transform: scale(0.217483); animation-delay: 1.5982s; animation-duration: 3s;"></div><div class="stars" style="left: 15%; top: 63%; transform: scale(0.647325); animation-delay: 2.98266s; animation-duration: 3s;"></div><div class="stars" style="left: 9%; top: 27%; transform: scale(0.396499); animation-delay: 0.396184s; animation-duration: 3s;"></div><div class="stars" style="left: 64%; top: 21%; transform: scale(0.274084); animation-delay: 1.28699s; animation-duration: 5s;"></div><div class="stars" style="left: 90%; top: 51%; transform: scale(0.993933); animation-delay: 1.97127s; animation-duration: 2s;"></div><div class="stars" style="left: 47%; top: 13%; transform: scale(0.113908); animation-delay: 1.51619s; animation-duration: 5s;"></div><div class="stars" style="left: 20%; top: 41%; transform: scale(0.216145); animation-delay: 0.295703s; animation-duration: 4s;"></div><div class="stars" style="left: 67%; top: 6%; transform: scale(0.0393805); animation-delay: 2.27954s; animation-duration: 5s;"></div><div class="stars" style="left: 10%; top: 10%; transform: scale(0.512163); animation-delay: 1.78926s; animation-duration: 2s;"></div><div class="stars" style="left: 52%; top: 64%; transform: scale(0.461109); animation-delay: 0.2239s; animation-duration: 2s;"></div><div class="stars" style="left: 79%; top: 27%; transform: scale(0.33843); animation-delay: 1.22111s; animation-duration: 4s;"></div><div class="stars" style="left: 10%; top: 34%; transform: scale(0.120192); animation-delay: 2.13885s; animation-duration: 4s;"></div><div class="stars" style="left: 47%; top: 8%; transform: scale(0.530042); animation-delay: 1.71732s; animation-duration: 4s;"></div><div class="stars" style="left: 49%; top: 59%; transform: scale(0.350568); animation-delay: 2.37014s; animation-duration: 4s;"></div><div class="stars" style="left: 89%; top: 70%; transform: scale(0.0341581); animation-delay: 0.87131s; animation-duration: 2s;"></div><div class="stars" style="left: 28%; top: 34%; transform: scale(0.795283); animation-delay: 0.354457s; animation-duration: 5s;"></div><div class="stars" style="left: 15%; top: 29%; transform: scale(0.27011); animation-delay: 0.57354s; animation-duration: 4s;"></div><div class="stars" style="left: 34%; top: 12%; transform: scale(0.519339); animation-delay: 2.96998s; animation-duration: 2s;"></div><div class="stars" style="left: 80%; top: 89%; transform: scale(0.310173); animation-delay: 1.5604s; animation-duration: 5s;"></div><div class="stars" style="left: 88%; top: 14%; transform: scale(0.179816); animation-delay: 0.064303s; animation-duration: 4s;"></div><div class="stars" style="left: 68%; top: 36%; transform: scale(0.414152); animation-delay: 0.0592819s; animation-duration: 3s;"></div>
</div>
<div id="HighQuality-triangle" id="triangle-bgEffect">
<div class="triangle" style="left: 39%; top: 71%; transform: scale(1.1) rotate(21deg);"><div style="animation-delay: 0.770035s; animation-duration: 7s;"></div></div><div class="triangle" style="left: 65%; top: 89%; transform: scale(0.82) rotate(45deg);"><div style="animation-delay: 0.530812s; animation-duration: 10s;"></div></div><div class="triangle" style="left: 36%; top: 27%; transform: scale(0.75) rotate(23deg);"><div style="animation-delay: 0.159953s; animation-duration: 10s;"></div></div><div class="triangle" style="left: 14%; top: 77%; transform: scale(1.23) rotate(19deg);"><div style="animation-delay: 0.567217s; animation-duration: 7s;"></div></div><div class="triangle" style="left: 16%; top: 61%; transform: scale(1.21) rotate(41deg);"><div style="animation-delay: 1.64842s; animation-duration: 9s;"></div></div><div class="triangle" style="left: 71%; top: 61%; transform: scale(0.66) rotate(13deg);"><div style="animation-delay: 1.34681s; animation-duration: 8s;"></div></div><div class="triangle" style="left: 86%; top: 25%; transform: scale(0.5) rotate(9deg);"><div style="animation-delay: 1.16108s; animation-duration: 7s;"></div></div>
</div>
<div class="mask"></div>
<div id="HighQuality-mask_shining" class="mask-shining">
<!-- 下方闪烁小白条 -->
<div class="mask-shining-subBlock" style="left: 21%; width: 72px; height: 59%; animation-duration: 7s; animation-delay: 1.8s;"></div>
<div class="mask-shining-subBlock" style="left: 55%; width: 50px; height: 54%; animation-duration: 4s; animation-delay: 2.5s;"></div>
<div class="mask-shining-subBlock" style="left: 61%; width: 89px; height: 55%; animation-duration: 7s; animation-delay: 2.8s;"></div>
<div class="mask-shining-subBlock" style="left: 94%; width: 50px; height: 60%; animation-duration: 8s; animation-delay: 3s;"></div>
</div>
</div>
<div class="resultDisabled" id="resultSingle"><!-- 结果展示 -->
<header class="srheader">
<div class="srtitle">
<i class="wishingIcon" id="wishingIcon"></i><p class="srtitleP1">跃迁</p><p class="srtitleP2">结果展示</p>
</div>
<div class="srreturn">
<span class="srreturnBtn" id="singleResultBtn" onclick="resultSingleReturn()"></span>
</div>
</header>
<p id="nowNameSingle" class="p-showing">E02.结果生成错误：未知错误。</p>
<img id="labelSingle" class="label" src="./res/labelChar.jpg" />
<div id="starDivSingle" class="starLevel">
<img class="starLevel-img" src="./res/starLevel.png" />
<img class="starLevel-img" src="./res/starLevel.png" />
<img class="starLevel-img" src="./res/starLevel.png" />
<img id="fourSingle" class="starLevel-img" src="./res/starLevel.png" />
<img id="fiveSingle" class="starLevel-img" src="./res/starLevel.png" />
</div>
<audio id="ringSingle" preload="auto" style="display: none;"><source src="./res/ring.ogg" type="audio/ogg" />E03.未能加载提示音乐，请检查你的浏览器版本</audio>
<div id="HighQuality-stars" id="star-bgEffect">
<div class="stars" style="left: 66%; top: 6%; transform: scale(0.498107); animation-delay: 2.39472s; animation-duration: 4s;"></div><div class="stars" style="left: 69%; top: 19%; transform: scale(0.997783); animation-delay: 1.19359s; animation-duration: 4s;"></div><div class="stars" style="left: 36%; top: 70%; transform: scale(0.754561); animation-delay: 0.147898s; animation-duration: 2s;"></div><div class="stars" style="left: 45%; top: 84%; transform: scale(0.688603); animation-delay: 0.792689s; animation-duration: 3s;"></div><div class="stars" style="left: 73%; top: 89%; transform: scale(0.813369); animation-delay: 1.54381s; animation-duration: 3s;"></div><div class="stars" style="left: 50%; top: 18%; transform: scale(0.762651); animation-delay: 1.91573s; animation-duration: 2s;"></div><div class="stars" style="left: 32%; top: 13%; transform: scale(0.196293); animation-delay: 1.05553s; animation-duration: 4s;"></div><div class="stars" style="left: 66%; top: 31%; transform: scale(0.366149); animation-delay: 0.991148s; animation-duration: 4s;"></div><div class="stars" style="left: 8%; top: 40%; transform: scale(0.684247); animation-delay: 0.234911s; animation-duration: 2s;"></div><div class="stars" style="left: 29%; top: 10%; transform: scale(0.217483); animation-delay: 1.5982s; animation-duration: 3s;"></div><div class="stars" style="left: 15%; top: 63%; transform: scale(0.647325); animation-delay: 2.98266s; animation-duration: 3s;"></div><div class="stars" style="left: 9%; top: 27%; transform: scale(0.396499); animation-delay: 0.396184s; animation-duration: 3s;"></div><div class="stars" style="left: 64%; top: 21%; transform: scale(0.274084); animation-delay: 1.28699s; animation-duration: 5s;"></div><div class="stars" style="left: 90%; top: 51%; transform: scale(0.993933); animation-delay: 1.97127s; animation-duration: 2s;"></div><div class="stars" style="left: 47%; top: 13%; transform: scale(0.113908); animation-delay: 1.51619s; animation-duration: 5s;"></div><div class="stars" style="left: 20%; top: 41%; transform: scale(0.216145); animation-delay: 0.295703s; animation-duration: 4s;"></div><div class="stars" style="left: 67%; top: 6%; transform: scale(0.0393805); animation-delay: 2.27954s; animation-duration: 5s;"></div><div class="stars" style="left: 10%; top: 10%; transform: scale(0.512163); animation-delay: 1.78926s; animation-duration: 2s;"></div><div class="stars" style="left: 52%; top: 64%; transform: scale(0.461109); animation-delay: 0.2239s; animation-duration: 2s;"></div><div class="stars" style="left: 79%; top: 27%; transform: scale(0.33843); animation-delay: 1.22111s; animation-duration: 4s;"></div><div class="stars" style="left: 10%; top: 34%; transform: scale(0.120192); animation-delay: 2.13885s; animation-duration: 4s;"></div><div class="stars" style="left: 47%; top: 8%; transform: scale(0.530042); animation-delay: 1.71732s; animation-duration: 4s;"></div><div class="stars" style="left: 49%; top: 59%; transform: scale(0.350568); animation-delay: 2.37014s; animation-duration: 4s;"></div><div class="stars" style="left: 89%; top: 70%; transform: scale(0.0341581); animation-delay: 0.87131s; animation-duration: 2s;"></div><div class="stars" style="left: 28%; top: 34%; transform: scale(0.795283); animation-delay: 0.354457s; animation-duration: 5s;"></div><div class="stars" style="left: 15%; top: 29%; transform: scale(0.27011); animation-delay: 0.57354s; animation-duration: 4s;"></div><div class="stars" style="left: 34%; top: 12%; transform: scale(0.519339); animation-delay: 2.96998s; animation-duration: 2s;"></div><div class="stars" style="left: 80%; top: 89%; transform: scale(0.310173); animation-delay: 1.5604s; animation-duration: 5s;"></div><div class="stars" style="left: 88%; top: 14%; transform: scale(0.179816); animation-delay: 0.064303s; animation-duration: 4s;"></div><div class="stars" style="left: 68%; top: 36%; transform: scale(0.414152); animation-delay: 0.0592819s; animation-duration: 3s;"></div>
</div>
<div id="HighQuality-triangle" id="triangle-bgEffect">
<div class="triangle" style="left: 39%; top: 71%; transform: scale(1.1) rotate(21deg);"><div style="animation-delay: 0.770035s; animation-duration: 7s;"></div></div><div class="triangle" style="left: 65%; top: 89%; transform: scale(0.82) rotate(45deg);"><div style="animation-delay: 0.530812s; animation-duration: 10s;"></div></div><div class="triangle" style="left: 36%; top: 27%; transform: scale(0.75) rotate(23deg);"><div style="animation-delay: 0.159953s; animation-duration: 10s;"></div></div><div class="triangle" style="left: 14%; top: 77%; transform: scale(1.23) rotate(19deg);"><div style="animation-delay: 0.567217s; animation-duration: 7s;"></div></div><div class="triangle" style="left: 16%; top: 61%; transform: scale(1.21) rotate(41deg);"><div style="animation-delay: 1.64842s; animation-duration: 9s;"></div></div><div class="triangle" style="left: 71%; top: 61%; transform: scale(0.66) rotate(13deg);"><div style="animation-delay: 1.34681s; animation-duration: 8s;"></div></div><div class="triangle" style="left: 86%; top: 25%; transform: scale(0.5) rotate(9deg);"><div style="animation-delay: 1.16108s; animation-duration: 7s;"></div></div>
</div>
<div class="mask"></div>
<div id="HighQuality-mask_shining" class="mask-shining">
<!-- 下方闪烁小白条 -->
<div class="mask-shining-subBlock" style="left: 21%; width: 72px; height: 59%; animation-duration: 7s; animation-delay: 1.8s;"></div>
<div class="mask-shining-subBlock" style="left: 55%; width: 50px; height: 54%; animation-duration: 4s; animation-delay: 2.5s;"></div>
<div class="mask-shining-subBlock" style="left: 61%; width: 89px; height: 55%; animation-duration: 7s; animation-delay: 2.8s;"></div>
<div class="mask-shining-subBlock" style="left: 94%; width: 50px; height: 60%; animation-duration: 8s; animation-delay: 3s;"></div>
</div>
</div>
<div class="totalDisabled" id="total"><!-- 结果总和 -->
<header class="srheader"><!-- 借用下result里面的标题（懒） -->
<div class="srtitle">
<i class="wishingIcon" id="wishingIcon"></i><p class="srtitleP1">跃迁</p><p class="srtitleP2">结果展示</p>
</div>
<div class="srreturn">
<span class="srreturnBtn" id="totalBtn" onclick="total_back()"></span>
</div>
</header>
<ul class="finnalDiv">
<li id="f1" class="finnal-subDiv- heads-up">
<p class="finnal-name-p" id="fp1"></p>
<div id="finnal-starDiv" class="finnal-starLevel">
<img class="finnal-starLevel-img" src="./res/starLevel.png" />
<img class="finnal-starLevel-img" src="./res/starLevel.png" />
<img class="finnal-starLevel-img" src="./res/starLevel.png" />
<img id="Ffour1" class="finnal-starLevel-img" src="./res/starLevel.png" />
<img id="Ffive1" class="finnal-starLevel-img" src="./res/starLevel.png" />
</div>
</li>
<li id="f2" class="finnal-subDiv- down">
<p class="finnal-name-p" id="fp2"></p>
<div id="finnal-starDiv" class="finnal-starLevel">
<img class="finnal-starLevel-img" src="./res/starLevel.png" />
<img class="finnal-starLevel-img" src="./res/starLevel.png" />
<img class="finnal-starLevel-img" src="./res/starLevel.png" />
<img id="Ffour2" class="finnal-starLevel-img" src="./res/starLevel.png" />
<img id="Ffive2" class="finnal-starLevel-img" src="./res/starLevel.png" />
</div>
</li>
<li id="f3" class="finnal-subDiv-">
<p class="finnal-name-p" id="fp3"></p>
<div id="finnal-starDiv" class="finnal-starLevel">
<img class="finnal-starLevel-img" src="./res/starLevel.png" />
<img class="finnal-starLevel-img" src="./res/starLevel.png" />
<img class="finnal-starLevel-img" src="./res/starLevel.png" />
<img id="Ffour3" class="finnal-starLevel-img" src="./res/starLevel.png" />
<img id="Ffive3" class="finnal-starLevel-img" src="./res/starLevel.png" />
</div>
</li><br>
<li id="f4" class="finnal-subDiv2- up">
<p class="finnal-name-p" id="fp4"></p>
<div id="finnal-starDiv" class="finnal-starLevel">
<img class="finnal-starLevel-img" src="./res/starLevel.png" />
<img class="finnal-starLevel-img" src="./res/starLevel.png" />
<img class="finnal-starLevel-img" src="./res/starLevel.png" />
<img id="Ffour4" class="finnal-starLevel-img" src="./res/starLevel.png" />
<img id="Ffive4" class="finnal-starLevel-img" src="./res/starLevel.png" />
</div>
</li>
<li id="f5" class="finnal-subDiv2-">
<p class="finnal-name-p" id="fp5"></p>
<div id="finnal-starDiv" class="finnal-starLevel">
<img class="finnal-starLevel-img" src="./res/starLevel.png" />
<img class="finnal-starLevel-img" src="./res/starLevel.png" />
<img class="finnal-starLevel-img" src="./res/starLevel.png" />
<img id="Ffour5" class="finnal-starLevel-img" src="./res/starLevel.png" />
<img id="Ffive5" class="finnal-starLevel-img" src="./res/starLevel.png" />
</div>
</li>
<li id="f6" class="finnal-subDiv2- down">
<p class="finnal-name-p" id="fp6"></p>
<div id="finnal-starDiv" class="finnal-starLevel">
<img class="finnal-starLevel-img" src="./res/starLevel.png" />
<img class="finnal-starLevel-img" src="./res/starLevel.png" />
<img class="finnal-starLevel-img" src="./res/starLevel.png" />
<img id="Ffour6" class="finnal-starLevel-img" src="./res/starLevel.png" />
<img id="Ffive6" class="finnal-starLevel-img" src="./res/starLevel.png" />
</div>
</li>
<li id="f7" class="finnal-subDiv2-">
<p class="finnal-name-p" id="fp7"></p>
<div id="finnal-starDiv" class="finnal-starLevel">
<img class="finnal-starLevel-img" src="./res/starLevel.png" />
<img class="finnal-starLevel-img" src="./res/starLevel.png" />
<img class="finnal-starLevel-img" src="./res/starLevel.png" />
<img id="Ffour7" class="finnal-starLevel-img" src="./res/starLevel.png" />
<img id="Ffive7" class="finnal-starLevel-img" src="./res/starLevel.png" />
</div>
</li><br>
<li id="f8" class="finnal-subDiv- heads-up">
<p class="finnal-name-p" id="fp8"></p>
<div id="finnal-starDiv" class="finnal-starLevel">
<img class="finnal-starLevel-img" src="./res/starLevel.png" />
<img class="finnal-starLevel-img" src="./res/starLevel.png" />
<img class="finnal-starLevel-img" src="./res/starLevel.png" />
<img id="Ffour8" class="finnal-starLevel-img" src="./res/starLevel.png" />
<img id="Ffive8" class="finnal-starLevel-img" src="./res/starLevel.png" />
</div>
</li>
<li id="f9" class="finnal-subDiv- down">
<p class="finnal-name-p" id="fp9"></p>
<div id="finnal-starDiv" class="finnal-starLevel">
<img class="finnal-starLevel-img" src="./res/starLevel.png" />
<img class="finnal-starLevel-img" src="./res/starLevel.png" />
<img class="finnal-starLevel-img" src="./res/starLevel.png" />
<img id="Ffour9" class="finnal-starLevel-img" src="./res/starLevel.png" />
<img id="Ffive9" class="finnal-starLevel-img" src="./res/starLevel.png" />
</div>
</li>
<li id="f10" class="finnal-subDiv-">
<p class="finnal-name-p" id="fp10"></p>
<div id="finnal-starDiv" class="finnal-starLevel">
<img class="finnal-starLevel-img" src="./res/starLevel.png" />
<img class="finnal-starLevel-img" src="./res/starLevel.png" />
<img class="finnal-starLevel-img" src="./res/starLevel.png" />
<img id="Ffour10" class="finnal-starLevel-img" src="./res/starLevel.png" />
<img id="Ffive10" class="finnal-starLevel-img" src="./res/starLevel.png" />
</div>
</li>
</ul>
</div></div>
<script id="listJs" type="text/javascript" language="JavaScript" src=""></script>
<script type="text/javascript" language="JavaScript" src="./javascript/js.js"></script>
<!-- Copyright (C) 2024 kdxiaoyi, all right reserved. -->
<!-- https://space.bilibili.com/1987247870 -->
</body>
</html>