<!DOCTYPE html>
<html>
<head>
<title>张末,I Love You</title>
<meta name="language" content="zh-CN">
<style>
body {
margin: 0;
padding: 0;
overflow: hidden;
}
.city {
width: 100%;
position: fixed;
bottom:
0px;
z-index: 100;
}
.city img {
width: 100%;
}
audio {
opacity: 0;
}
</style>
<title>
放烟花
</title>
<link href="modal.css" rel="stylesheet" />
</head>
<body onselectstart="return false">
<!--对话部分-->
<div class="share_img"><img src="a8b.png" alt=""></div>
<div class="page_one">
<div class="content">
<div class="text_wrapper">
<img src="a8.JPG" alt="">
<div class="text">
张末小姐姐,我好喜欢你,你愿意做我女朋友吗?
</div>
</div>
</div>
<div class="btn-groups">
<div class="heart-btn">
<div id="yes" class="btn btn-a"><span>愿意</span></div>
</div>
<div id="no" class="btn btn-b"><span>不愿意</span></div>
</div>
</div>
<!--烟花部分-->
<canvas id='cas' style="background-color:rgba(0,5,24,1)">
浏览器不支持canvas
</canvas>
<div class="city">
<img src="city.png" alt="" />
</div>
<img src="moon.png" alt="" id="moon" style="visibility: hidden;" />
<div style="display:none">
<div class="shape">
张末
</div>
<div class="shape">
做我女朋友
</div>
<div class="shape">
我爱你
</div>
</div>
<!--音乐部分-->
<audio src="music.mp3" id="Music" loop></audio>
<audio src="no.mp3" id="decline" loop></audio>
<!-- <iframe id="iframMusic" allow="autoplay 'src'" style="display:none" src="music.mp3"></iframe> -->
<script src="jquery.min.js"></script>
<script src="fire.js"></script>
<script src="talk.js"></script>
</body>
</html>