-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
82 lines (67 loc) · 4.47 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
<!DOCTYPE html>
<html lang="zh">
<head>
<!--IE 兼容-->
<!--[if lte ie 8]>
<script src="html5shiv.min.js"></script>
<![endif]-->
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="Author" content="qingzhixing">
<meta name="Keywords" content="HTML;入门;HTML基础;Christmas;Merry Christmas" />
<meta name="Description" content="巩固HTML基础的整活页面" />
<link rel="icon" href="./static/icon/event_christmas_tree_01.png" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="./style/main.css">
<script src="./script/main.js" type="text/javascript"></script>
<title>Merry Christmas!</title>
</head>
<body>
<header>
<marquee onclick="Rotate(this,20)" width=" 40%" direction="right" behavior="alternate" scrollamount="10" loop="-1" scrolldelay="500">
<p id="header-text">Merry Christmas</p>
</marquee>
</header>
<div class="main">
<marquee id="picture-go-by" direction="right" behavior="alternate" scrollamount="100" loop="-1" scrolldelay="1000">
麦当劳
<img src="./static/img/海豚跳.gif" width="200px" height="150px" alt="海豚🐬" title="海豚也要过圣诞节🎄">
<img src="./static/img/ff14圣诞树1.jpg" width="150px" height="150px">
<div class="rotating">疯狂星期四</div>
<img src="./static/img/ff14圣诞树2.jpg" width="100px" height="100px">
<img src="./static/img/50.jpg" width="100px" height="120px"> v50CNY
<img src="./static/img/CatShake.gif" width="70px" height="100px">
<img src="./static/img/DIO晚安.jpg" width="100px" height="120px">
<img src="./static/img/prprprprprpr.jpeg" width="100px" height="100px">
<img src="./static/img/别你妈没事找事.jpeg" width="100px" height="100px">
<img src="./static/img/小酒窝.gif" width="100px" height="100px">
<img src="./static/img/打歌送纯棉内裤.jpg" width="150px" height="150px">
<img src="./static/img/捅死你！.gif" width="200px" height="150px">
<img src="./static/img/疯狂星期四v50.jpeg" width="300px" height="130px"> V我100打你50
</marquee>
<div class="marble-container">
<img class="marble rotating random-position" src="./static/icon/thing_reindeer_01.png" width="50px" height="50px" alt="🦌" title="🦌">
<img class="marble rotating random-position" src="./static/icon/event_christmas_tree_01.png" width="50px" height="50px" alt="🎄" title="🎄">
<img class="marble rotating random-position" src="./static/icon/event_holly_olive_01.png" width="50px" height="50px" alt="果子" title="果子">
<img class="marble rotating random-position" src="./static/icon/event_present_01.png" width="50px" height="50px" alt="🎁" title="🎁">
<img class="marble rotating random-position" src="./static/icon/event_snowman_01.png" width="50px" height="50px" alt="⛄️" title="⛄️">
<img class="marble rotating random-position" src="./static/icon/event_socks_01.png" width="50px" height="50px" alt="圣诞袜" title="圣诞袜">
<img class="marble rotating random-position" src="./static/icon/pearson_proposal_01.png" width="50px" height="50px" alt="🌹🤵" title="🌹🤵">
</div>
<img onclick="Rotate(this,50)" src="./static/img/猫惊讶.jpg" width="400px" height="400px" alt="猫咪惊讶" style="margin-left: 50px;margin-top: 60px; z-index: -1;">
<img src="./static/img/圣诞树.jpeg" alt="圣诞树" style="margin-left: -50px; margin-top: -40px;">
<h1 style="position: absolute;top:70px;color: hotpink;letter-spacing: 10px;text-shadow: 3px 3px springgreen;">
Hacked by qingzhixing.</h1>
<h1 style="margin-top:-400px;margin-left:700px;color:brown;text-shadow: 5px 1px sandybrown;">
按 P 释放野兽怒火
</h1>
<audio id="roar-container" src="./static/audio/压力马斯内.mov">压力马斯内</audio>
<div style="position: relative;width: 100%;height: 30px;top: 300px;">
114514
</div>
</div>
<footer>
<a href="https://github.com/qingzhixing/Merry-Christmas" target="_blank">Github</a>
<a href="https://github.com/qingzhixing" target="_blank">Author:qingzhixing</a>
</footer>
</body>