<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>大恐龙的专属圣诞树</title>
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Lobster%7CParisienne%7CRaleway:200,300" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css'>
<link rel="stylesheet" href="./style.css">
<link rel="icon" href="./img/小恐龙.png" type="image/x-icon">
</head>
<body>
<!-- partial:index.partial.html -->
<div id="loader"></div>
<!-- Parallax Container -->
<div id="container" class="parallax-container snow">
<ul id="christmas_scene" class="christmas-scene">
<li class="layer" data-depth="0.80">
<div class="layer-5 layer-photo photo-zoom"></div>
</li>
<li class="layer" data-depth="0.60">
<div class="layer-4 layer-photo photo-zoom"></div>
</li>
<li class="layer" data-depth="0.40">
<div class="layer-3 layer-photo photo-zoom"></div>
</li>
<li class="layer" data-depth="0.20">
<div class="layer-2 layer-photo photo-zoom"></div>
</li>
<li class="layer" data-depth="0.00">
<div class="layer-1 layer-photo"></div>
</li>
</ul>
<!-- Countdown Container -->
<!-- <div id="countdown_container"></div> -->
<!-- Merry Christmas Text -> You can replace with anything you like! -->
<div class="merry-christmas-text">Merry Christmas</div>
<!-- Happy new year 2017 photo -->
<div class="happy-new-year"></div>
<!-- Contact Pole Image -> From here the E-mail modal is triggered -->
<div id="mail_pole">
<img src="./img/pole1.png" class="img-responsive" alt="mail-pole"
data-toggle="modal" data-target="#contact_modal">
</div>
<!-- Christmas Tree -->
<img src="./img/christmas-tree2.png" alt="christmas-tree" id="christmas_tree" />
</div>
<!-- Send E-mail Modal -->
<div class="modal fade" id="contact_modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="col-md-12 mail-container">
<div class="col-md-12 padding-none bg-color">
<div class="col-md-12 text-center">Merry Christmas!</div>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<form class="col-md-12 padding-none">
<div class="col-md-6 col-xs-12" id="liuyan">
<div class="col-md-12 padding-none">
to：超级无大恐龙
</div>
<div class="col-md-12 padding-none">
 你好，王颖。认识你到现在已经有三个月啦。第一次见到你时你脸上的青涩与害羞还历历在目，没成想稚嫩的外表下是强大大恐龙。当你主动询问我文件夹在出处以及询问能否帮你也借一个的时候，我感到震惊又觉得十分有趣，是的，我那个时候就考虑着将你吸收到学生会来。当你上台时表现的从容与淡定更是让我刮目相看，我作为一个大三的“老油条”可能也没能有你上场的气场与气势。认识三个月啦觉得大恐龙是一个非常活泼可爱的女孩子，很高兴可以在即将结束的大学生活遇到活泼可爱的你。降临新年愿你新的一年里可以装满一车幸福，让平安开道，抛弃一切烦恼，让快乐与你环绕，存储所有温暖，将寒冷赶跑，释放一生真情，让幸福永远对你微笑！圣诞快乐！新年快乐！——小夫
</div>
</div>
</form>
</div>
</div>
<div class="col-md-12 padding-none mail-container hidden">
<div class="col-md-12 padding-none bg-color thank-you-msg text-large" id="form_success_msg">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- partial -->
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery.countdown/2.2.0/jquery.countdown.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/parallax/3.1.0/parallax.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js'></script>
<script src="./script.js"></script>
</body>
</html>
圣诞节制作的圣诞树前端代码
需积分: 2 10 浏览量
2023-12-05
08:43:42
上传
评论
收藏 8.84MB ZIP 举报
dinosaur-master.zip （19个子文件） 
dinosaur-master js 
.keep 0B script.js 20KB img 
layer1.png 161KB pole1.png 36KB christmas-tree2.png 305KB .keep 0B 小恐龙.png 10KB css style.css 12KB .keep 0B wy style.css 12KB img layer1.png 161KB pole1.png 36KB christmas-tree2.png 305KB .keep 0B 小恐龙.png 10KB
index.html 4KB .keep 0B script.js 20KB 黑鸭子 - 铃儿响叮当(英).mp3 8.05MB资源评论
