-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
110 lines (101 loc) · 4.26 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="./mywebfiles/myweb.css">
<meta charset="utf-8">
</head>
<body>
<div class="home">
<div class="content">
<div class="stars"></div>
<img class="bgc" src="./img/imgs38.jpeg" width="100%" alt="">
<h3 class="surprise">点击右下角有惊喜!</h3>
<h3 class="title">欢迎来到我的个人网站</h3>
<h3 class="titles">今天也要加油鸭</h3>
<img class="icon" src="./img/down.png" alt="">
<div class='ribbon'>
<a href='./index.html'><span>Home</span></a>
<a href='./mywebfiles/about.html'><span>About</span></a>
<a href='./mywebfiles/form.html'><span>Form</span></a>
</div>
</div>
<div class="icons">
<div class="icons_items">
<img class="icons_items_imgs" src="./img/xuexiao.jpeg" alt="">
<span>我们每天穿梭于教学楼之间</span>
</div>
<div class="icons_items">
<img class="icons_items_imgs" src="./img/canting.jpeg" alt="">
<span>一到中午对吃什么又犯了选择困难</span>
</div>
<div class="icons_items">
<img class="icons_items_imgs" src="./img/fengjing.jpeg" alt="">
<span>午饭过后可以躺着休息晒晒太阳的小山坡</span>
</div>
<div class="icons_items">
<img class="icons_items_imgs" src="./img/yewan.jpeg" alt="">
<span>忙碌的一天结束啦爬上小床跟世界说晚安</span>
</div>
</div>
<div class="introduce">
<div class="introduce_item">
<img class="introduce_item_img" src="./img/imgs15.jpeg" alt="">
<span class="introduce_item_title">蓝白红三色相映成辉<br>
求是大讲堂<br>
沉淀着历史与担当<br>
拾级而上<br>
轻叩门扉<br>
于充满活力的蓝天之下<br>
展望新的未来</span>
</div>
<div class="introduce_item">
<span class="introduce_item_titles">置身于连廊<br>
晴空似乎触手可及<br>
昔日的人潮逐渐散去<br>
不时的蝉鸣<br>
宜人的晚风<br>
故事氛围十足的教学楼<br>
也在期待着<br>
与你有关的情节</span>
<img class="introduce_item_img" src="./img/imgs16.jpeg" alt="">
</div>
<div class="introduce_item">
<img class="introduce_item_img" src="./img/imgs36.jpeg" alt="">
<span class="introduce_item_title">夜幕将至<br>
余晖逐渐收紧<br>
清澈的天空蓝慢慢褪去<br>
暖色层层晕染<br>
明亮与昏暗之间<br>
是流转的点滴时光</span>
</div>
<div class="introduce_item">
<span class="introduce_item_titles">浓郁的夜色<br>
已然登场<br>
白日的燥热逐渐散去<br>
星星点点的灯光<br>
将归人疲惫的心照亮</span>
<img class="introduce_item_img" src="./img/imgs14.jpeg" alt="">
</div>
</div>
<audio autoplay="autoplay" id="audio" loop="loop">
<source src="./img/music.mp3" type="audio/MP3">
</audio>
<img class="music_img" src="./img/music.png" alt="">
</div>
</body>
<script>
var mucics = document.getElementById('audio');
document.body.addEventListener('mousemove', function() {
setTimeout(() => {
mucics.play();
}, 2000);
}, false);
// window.onload = function() {
// setInterval("toggleSound()", 100);
// }
// function toggleSound() {
// var music = document.getElementById("audio"); //获取ID
// music.play(); //没有就播放
// }
</script>
</html>