-
Notifications
You must be signed in to change notification settings - Fork 103
/
face.html
executable file
·61 lines (61 loc) · 4.98 KB
/
face.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
<html>
<head>
<meta name="theme-color" content="#009688" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=11">
<title>Image List</title>
<link rel="stylesheet" href="https://cdn.zerodream.net/css/materialize.min.css">
</head>
<body>
<div class="container">
<style>.emojiList tr td img {max-width: 128px;cursor: pointer;}</style>
<h4>表情包</h4>
<p>点击对应表情，然后复制输入框的内容即可</p>
<input type="text" id="emojiName" style="width: 100%;text-align:center;" class="form-control" onclick="this.select()" />
<table class="table emojiList" style="width: 100%;text-align: center;margin-bottom: 16px;">
<tbody><tr>
<td><img src="/face/1.gif" onclick="addEmoji(this.src)" onload="loadimg(this)" style="display: inline; opacity: 1; filter: blur(0px);"></td>
<td><img src="/face/2.jpg" onclick="addEmoji(this.src)" onload="loadimg(this)" style="display: inline; opacity: 1; filter: blur(0px);"></td>
<td><img src="/face/3.png" onclick="addEmoji(this.src)" onload="loadimg(this)" style="display: inline; opacity: 1; filter: blur(0px);"></td>
<td><img src="/face/4.jpg" onclick="addEmoji(this.src)" onload="loadimg(this)" style="display: inline; opacity: 1; filter: blur(0px);"></td>
<td><img src="/face/5.png" onclick="addEmoji(this.src)" onload="loadimg(this)" style="display: inline; opacity: 1; filter: blur(0px);"></td>
<td><img src="/face/6.png" onclick="addEmoji(this.src)" onload="loadimg(this)" style="display: inline; opacity: 1; filter: blur(0px);"></td>
<td><img src="/face/7.png" onclick="addEmoji(this.src)" onload="loadimg(this)" style="display: inline; opacity: 1; filter: blur(0px);"></td>
</tr>
<tr>
<td><img src="/face/8.jpg" onclick="addEmoji(this.src)" onload="loadimg(this)" style="display: inline; opacity: 1; filter: blur(0px);"></td>
<td><img src="/face/9.jpg" onclick="addEmoji(this.src)" onload="loadimg(this)" style="display: inline; opacity: 1; filter: blur(0px);"></td>
<td><img src="/face/10.gif" onclick="addEmoji(this.src)" onload="loadimg(this)" style="display: inline; opacity: 1; filter: blur(0px);"></td>
<td><img src="/face/11.jpg" onclick="addEmoji(this.src)" onload="loadimg(this)" style="display: inline; opacity: 1; filter: blur(0px);"></td>
<td><img src="/face/12.jpg" onclick="addEmoji(this.src)" onload="loadimg(this)" style="display: inline; opacity: 1; filter: blur(0px);"></td>
<td><img src="/face/13.jpg" onclick="addEmoji(this.src)" onload="loadimg(this)" style="display: inline; opacity: 1; filter: blur(0px);"></td>
<td><img src="/face/14.jpg" onclick="addEmoji(this.src)" onload="loadimg(this)" style="display: inline; opacity: 1; filter: blur(0px);"></td>
</tr>
<tr>
<td><img src="/face/15.jpg" onclick="addEmoji(this.src)" onload="loadimg(this)" style="display: inline; opacity: 1; filter: blur(0px);"></td>
<td><img src="/face/16.jpg" onclick="addEmoji(this.src)" onload="loadimg(this)" style="display: inline; opacity: 1; filter: blur(0px);"></td>
<td><img src="/face/17.jpg" onclick="addEmoji(this.src)" onload="loadimg(this)" style="display: inline; opacity: 1; filter: blur(0px);"></td>
<td><img src="/face/18.jpg" onclick="addEmoji(this.src)" onload="loadimg(this)" style="display: inline; opacity: 1; filter: blur(0px);"></td>
<td><img src="/face/19.jpg" onclick="addEmoji(this.src)" onload="loadimg(this)" style="display: inline; opacity: 1; filter: blur(0px);"></td>
<td><img src="/face/20.png" onclick="addEmoji(this.src)" onload="loadimg(this)" style="display: inline; opacity: 1; filter: blur(0px);"></td>
<td><img src="/face/21.jpg" onclick="addEmoji(this.src)" onload="loadimg(this)" style="display: inline; opacity: 1; filter: blur(0px);"></td>
</tr>
<tr>
<td><img src="/face/22.gif" onclick="addEmoji(this.src)" onload="loadimg(this)" style="display: inline; opacity: 1; filter: blur(0px);"></td>
<td><img src="/face/23.jpg" onclick="addEmoji(this.src)" onload="loadimg(this)" style="display: inline; opacity: 1; filter: blur(0px);"></td>
<td><img src="/face/24.jpg" onclick="addEmoji(this.src)" onload="loadimg(this)" style="display: inline; opacity: 1; filter: blur(0px);"></td>
<td><img src="/face/25.jpg" onclick="addEmoji(this.src)" onload="loadimg(this)" style="display: inline; opacity: 1; filter: blur(0px);"></td>
<td><img src="/face/26.jpg" onclick="addEmoji(this.src)" onload="loadimg(this)" style="display: inline; opacity: 1; filter: blur(0px);"></td>
<td><img src="/face/27.jpg" onclick="addEmoji(this.src)" onload="loadimg(this)" style="display: inline; opacity: 1; filter: blur(0px);"></td>
<td><img src="/face/28.jpg" onclick="addEmoji(this.src)" onload="loadimg(this)" style="display: inline; opacity: 1; filter: blur(0px);"></td>
</tr>
</tbody></table>
</div>
</body>
<script>
function addEmoji(name) {
emojiName.value = "#" + name.replace("https://music.tql.ink/face/", "") + "#";
}
</script>
</html>