-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
118 lines (101 loc) · 9.88 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
<!DOCTYPE html>
<html lang="zh">
<head>
<meta http-equiv="Content-Type" content="text/html; width=device-width, initial-scale=1.0,charset=utf-8" />
<link rel="stylesheet" href="./index.css">
<script src="http://www.midijs.net/lib/midi.js"></script>
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
<link rel="shortcut icon" href="https://cdn.jsdelivr.net/gh/wuxingwushu/wuxingwushu.github.io/Natural/favicon.ico">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.bootcdn.net/ajax/libs/highlight.js/11.2.0/styles/a11y-dark.min.css"/>
<script src="https://cdn.bootcdn.net/ajax/libs/highlight.js/11.2.0/highlight.min.js"></script>
<title>吾行误述</title>
<audio id="audio" src="./Natural/Tap1.mp3"></audio><!-- 按键音效 -->
<audio id="yinyue" type="get" ></audio><!-- 音乐 -->
</head>
<body>
<div id="container">
<!-- 主界面 -->
<main>
<div id="kuang">
<section id="img1" class="zhujiemian">吾行误述的小世界</section>
</div>
<div id="kuang">
<section id="img2" class="zhujiemian" onclick="donghuakai(0)">游戏日志</section>
<div id="2" class="liebiao">
<ul id="3">
</ul>
</div>
<div id="1" class="bianyou" onclick="donghuatuen(0)"><p id="xtxt3" class="xiaoTXT"></p></div>
<div id="0" class="bianzuo" onclick="donghuatuen(0)"></div>
</div>
<div id="kuang">
<section id="img3" class="zhujiemian" onclick="donghuakai(4)">事记</section>
<div id="6" class="liebiao">
<ul id="7">
</ul>
</div>
<div id="5" class="bianyou" onclick="donghuatuen(4)"><p id="xtxt7" class="xiaoTXT"></p></div>
<div id="4" class="bianzuo" onclick="donghuatuen(4)"></div>
</div>
<div id="kuang">
<section id="img4" class="zhujiemian" onclick="donghuakai(8)">技束</section>
<div id="10" class="liebiao">
<ul id="11">
</ul>
</div>
<div id="9" class="bianyou" onclick="donghuatuen(8)"><p id="xtxt11" class="xiaoTXT"></p></div>
<div id="8" class="bianzuo" onclick="donghuatuen(8)"></div>
</div>
<div id="kuang">
<section id="img5" class="zhujiemian" onclick="donghuakai(12)">档案馆</section>
<div id="14" class="liebiao">
<ul id="15">
</ul>
</div>
<div id="13" class="bianyou" onclick="donghuatuen(12)"><p id="xtxt15" class="xiaoTXT"></p></div>
<div id="12" class="bianzuo" onclick="donghuatuen(12)"></div>
</div>
<div id="kuang">
<section id="footer" class="zhujiemian"></section>
</div>
</main>
<!-- 导航栏 -->
<div id = "lan">
<ul id = "daohang" style="border-radius: 10px;">
</ul>
</div>
<!-- 播放音乐音乐 -->
<div id="icon" onmouseover="xianshijindu()" onmouseout="xianshijinduf()" >
<!-- 播放键 -->
<div id="bofang" onclick="bofang()">
<svg id="icon_zhen" t="1645166082797" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2039" width="64" height="64"><path d="M675.328 117.717333A425.429333 425.429333 0 0 0 512 85.333333C276.352 85.333333 85.333333 276.352 85.333333 512s191.018667 426.666667 426.666667 426.666667 426.666667-191.018667 426.666667-426.666667c0-56.746667-11.093333-112-32.384-163.328a21.333333 21.333333 0 0 0-39.402667 16.341333A382.762667 382.762667 0 0 1 896 512c0 212.074667-171.925333 384-384 384S128 724.074667 128 512 299.925333 128 512 128c51.114667 0 100.8 9.984 146.986667 29.12a21.333333 21.333333 0 0 0 16.341333-39.402667zM456.704 305.92C432.704 289.152 405.333333 303.082667 405.333333 331.797333v360.533334c0 28.586667 27.541333 42.538667 51.370667 25.856l252.352-176.768c21.76-15.253333 21.632-43.541333 0-58.709334l-252.373333-176.768z m-8.597333 366.72V351.466667l229.269333 160.597333-229.269333 160.597333z" fill="#09d276" p-id="2040"></path></svg>
<svg id="icon_shadow" t="1645166082797" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2039" width="64" height="64"><path d="M675.328 117.717333A425.429333 425.429333 0 0 0 512 85.333333C276.352 85.333333 85.333333 276.352 85.333333 512s191.018667 426.666667 426.666667 426.666667 426.666667-191.018667 426.666667-426.666667c0-56.746667-11.093333-112-32.384-163.328a21.333333 21.333333 0 0 0-39.402667 16.341333A382.762667 382.762667 0 0 1 896 512c0 212.074667-171.925333 384-384 384S128 724.074667 128 512 299.925333 128 512 128c51.114667 0 100.8 9.984 146.986667 29.12a21.333333 21.333333 0 0 0 16.341333-39.402667zM456.704 305.92C432.704 289.152 405.333333 303.082667 405.333333 331.797333v360.533334c0 28.586667 27.541333 42.538667 51.370667 25.856l252.352-176.768c21.76-15.253333 21.632-43.541333 0-58.709334l-252.373333-176.768z m-8.597333 366.72V351.466667l229.269333 160.597333-229.269333 160.597333z" fill="#000000" p-id="2040"></path></svg>
</div>
<!-- 暂停键 -->
<div id="zhanting" style="display: none;" onclick="zhanting()">
<svg id="icon_zhen" t="1645167373005" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2867" width="64" height="64"><path d="M121.3 680.4m-40.9 0a40.9 40.9 0 1 0 81.8 0 40.9 40.9 0 1 0-81.8 0Z" fill="#09d276" p-id="2868"></path><path d="M266.5 855.6m-40.9 0a40.9 40.9 0 1 0 81.8 0 40.9 40.9 0 1 0-81.8 0Z" fill="#09d276" p-id="2869"></path><path d="M512 35.6C252.8 35.6 42.6 245.7 42.6 505c0 69 14.9 134.6 41.7 193.6l74.2-35.4c-21.7-48.3-33.7-101.8-33.7-158.2 0-213.8 173.3-387.2 387.2-387.2S899.2 291.1 899.2 505 725.8 892.1 512 892.1c-81.9 0-157.9-25.4-220.4-68.8l-51.2 57.2c1.5 0.7 2.5 2.1 2.5 3.6s0.3 3.2-1.2 3.9c76.7 54.5 169.2 86.2 270.4 86.2 259.2 0 469.4-210.1 469.4-469.4S771.2 35.6 512 35.6z" fill="#09d276" p-id="2870"></path><path d="M419.9 329.1c22.6 0 41 18.3 41 41v261.7c0 22.6-18.3 41-41 41-22.6 0-41-18.3-41-41V370.1c0-22.6 18.4-41 41-41zM610.9 329.1c22.6 0 41 18.3 41 41v261.7c0 22.6-18.3 41-41 41-22.6 0-41-18.3-41-41V370.1c0-22.6 18.4-41 41-41z" fill="#09d276" p-id="2871"></path></svg>
<svg id="icon_shadow" t="1645167373005" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2867" width="64" height="64"><path d="M121.3 680.4m-40.9 0a40.9 40.9 0 1 0 81.8 0 40.9 40.9 0 1 0-81.8 0Z" fill="#000000" p-id="2868"></path><path d="M266.5 855.6m-40.9 0a40.9 40.9 0 1 0 81.8 0 40.9 40.9 0 1 0-81.8 0Z" fill="#000000" p-id="2869"></path><path d="M512 35.6C252.8 35.6 42.6 245.7 42.6 505c0 69 14.9 134.6 41.7 193.6l74.2-35.4c-21.7-48.3-33.7-101.8-33.7-158.2 0-213.8 173.3-387.2 387.2-387.2S899.2 291.1 899.2 505 725.8 892.1 512 892.1c-81.9 0-157.9-25.4-220.4-68.8l-51.2 57.2c1.5 0.7 2.5 2.1 2.5 3.6s0.3 3.2-1.2 3.9c76.7 54.5 169.2 86.2 270.4 86.2 259.2 0 469.4-210.1 469.4-469.4S771.2 35.6 512 35.6z" fill="#000000" p-id="2870"></path><path d="M419.9 329.1c22.6 0 41 18.3 41 41v261.7c0 22.6-18.3 41-41 41-22.6 0-41-18.3-41-41V370.1c0-22.6 18.4-41 41-41zM610.9 329.1c22.6 0 41 18.3 41 41v261.7c0 22.6-18.3 41-41 41-22.6 0-41-18.3-41-41V370.1c0-22.6 18.4-41 41-41z" fill="#000000" p-id="2871"></path></svg>
</div>
<!-- 上一首歌 -->
<div id="shangyishou" style="display: none;" onclick="shangyishou()">
<svg t="1645536859549" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4774" width="32" height="32"><path d="M388.266667 512l149.333333 149.333333 59.733333-59.733333-89.6-89.6L597.333333 422.4l-59.733333-59.733333L388.266667 512zM853.333333 512c0-187.733333-153.6-341.333333-341.333333-341.333333s-341.333333 153.6-341.333333 341.333333 153.6 341.333333 341.333333 341.333333 341.333333-153.6 341.333333-341.333333z m-85.333333 0c0 140.8-115.2 256-256 256s-256-115.2-256-256 115.2-256 256-256 256 115.2 256 256z" fill="#09d276" p-id="4775"></path></svg>
<svg id="qiege_shadow" t="1645536859549" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4774" width="32" height="32"><path d="M388.266667 512l149.333333 149.333333 59.733333-59.733333-89.6-89.6L597.333333 422.4l-59.733333-59.733333L388.266667 512zM853.333333 512c0-187.733333-153.6-341.333333-341.333333-341.333333s-341.333333 153.6-341.333333 341.333333 153.6 341.333333 341.333333 341.333333 341.333333-153.6 341.333333-341.333333z m-85.333333 0c0 140.8-115.2 256-256 256s-256-115.2-256-256 115.2-256 256-256 256 115.2 256 256z" fill="#000000" p-id="4775"></path></svg>
</div>
<!-- 下一首歌 -->
<div id="xiayishou" style="display: none;" onclick="xiayishou()">
<svg t="1645536694950" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4520" width="32" height="32"><path d="M635.733333 512l-149.333333-149.333333L426.666667 422.4l89.6 89.6-89.6 89.6 59.733333 59.733333 149.333333-149.333333zM170.666667 512c0 187.733333 153.6 341.333333 341.333333 341.333333s341.333333-153.6 341.333333-341.333333-153.6-341.333333-341.333333-341.333333-341.333333 153.6-341.333333 341.333333z m85.333333 0c0-140.8 115.2-256 256-256s256 115.2 256 256-115.2 256-256 256-256-115.2-256-256z" fill="#09d276" p-id="4521"></path></svg>
<svg id="qiege_shadow" t="1645536694950" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4520" width="32" height="32"><path d="M635.733333 512l-149.333333-149.333333L426.666667 422.4l89.6 89.6-89.6 89.6 59.733333 59.733333 149.333333-149.333333zM170.666667 512c0 187.733333 153.6 341.333333 341.333333 341.333333s341.333333-153.6 341.333333-341.333333-153.6-341.333333-341.333333-341.333333-341.333333 153.6-341.333333 341.333333z m85.333333 0c0-140.8 115.2-256 256-256s256 115.2 256 256-115.2 256-256 256-256-115.2-256-256z" fill="#000000" p-id="4521"></path></svg>
</div>
<!-- 音乐进度条 -->
<div id="jindu" class="totalProgress" style="display: none;">
<div class="currentProgress">
</div>
</div>
</div>
<!-- 鼠标跟随小可爱 -->
<div class="xiaokeai_gif"></div>
</div>
</body>
<script type="text/javascript" defer async="true" src="./run.js"></script>
</html>