-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
41 lines (41 loc) · 1.21 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
<head>
<meta charset="UTF8">
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<title>膜拜 abc1763613206</title>
<style>
* {
color: #191970;
transition: all 0.3s ease;
text-shadow: 0 0 20px #e1ffff;
}
body {
background-color: #87ceeb;
text-align: center;
}
header {
margin: 2cm 0;
}
</style>
</head>
<body>
<header>
<h1>abc1763613206</h1>
<img alt="Avatar" src="https://gravatar.loli.net/avatar/9272172bbbfed06c08f8f23559158f49">
<h2>著名的前端&后端&OI 大佬。</h2>
<p>He has AKed IOI <span class="counter">0</span> times.</p>
<p>他已经被您膜拜了 <span class="counter">0</span> 次。</p>
<button id="mobai" type="button" class="el-button el-button--primary is-plain is-round">点击膜拜</button>
<script>
var counter = 0;
document.getElementById("mobai").onclick = function() {
++counter;
for(let item of document.getElementsByClassName("counter")) {
item.innerText = counter;
}
}
</script>
</header>
<p>
想了解 <b>akioi.cn</b> 项目？请前往 <a href="https://akioi.cn/">https://akioi.cn/</a> 或访问我们的 <a href="https://github.com/akioi/dot-cn">GitHub</a>。
</p>
</body>