-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathMTV.html
41 lines (29 loc) · 1.5 KB
/
MTV.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
<!DOCTYPE html>
<html>
<head>
<title>2015年春</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="index.js">
</script>
</head>
<body style="background:url(images/bg2.jpg) ;">
<div align="center">
<div style="background: url(images/bg2.jpg);">
<audio controls style="width:70px;height:50px; float: right; border: 0px solid #445253;border-radius: 25px;">
<source src="Let It Be Me.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>
</div>
<p id="words" style="-webkit-transform: translatex(0);transform: translatex(0);opacity: 1;-webkit-transition: -webkit-transform 1s ease-in-out 0s, opacity 1s ease-in-out 0s;transition: transform 1s ease-in-out 0s, opacity 1s ease-in-out 0s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;">新的一年,你好!</p>
<h1 style=" color: #445253;padding:10px 0px; font-weight: normal; font-family: microsoft Yahei,SimSun;margin-bottom: 50px;">电子相册——2015年春</h1>
<img onclick="bigger()" id="img" src="images/1.jpg" alt="image01" style=" width:36s0px; height:480px; ">
<br>
<br>
<nav>
<span id="prev" style="border-radius: 10px;width: 20px;height: 20px;background-color: black;color: white; padding:1px 8px;"><</span>
<span id="next" style="border-radius: 10px;width: 20px;height: 20px;background-color: black;color: white; padding:1px 8px;">></span>
</nav>
</div>
</body>
</html>