<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Happy Birthday</title>
<link rel="stylesheet" href="css/jquery.fullPage.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="bgcolor">
<div style="z-index:100;" id="dowebok">
<!--第一屏-->
<div class="section">
<div class="ly-box01">
<div class="ly-txt01">
<p class="ly-stxt01">XXXXXXXXXXXXXXXXXXXXXXX</p>
<p class="ly-stxt02">XXXXXXXXXXXXXXXXXXXXXXX</p>
<p class="ly-stxt03">XXXXXXXXXXXXXXXXXXXXXXX</p>
<p class="ly-stxt04">XXXXXXXXXXXXXXXXXXXXXXX</p>
<p class="ly-stxt05">XXXXXXXXXXXXXXXXXXXXXXX</p>
</div>
<div class="ly-txt02">
<p class="ly-stxt06">XXXXXXXXXXXXXXXXXXXXXXX</p>
<p class="ly-stxt07">XXXXXXXXXXXXXXXXXXXXXXX</p>
<p class="ly-stxt08">XXXXXXXXXXXXXXXXXXXXXXX</p>
<p class="ly-stxt09">XXXXXXXXXXXXXXXXXXXXXXX</p>
<p class="ly-stxt10">XXXXXXXXXXXXXXXXXXXXXXX</p>
</div>
</div>
</div>
<!--第二屏-->
<div class="section">
<div class="timeline"></div>
<div class="timepoint11"></div>
<div class="ly-box11">
<div class="ly-txt11">
201X-1X-1X
</div>
<div class="ly-txt12">
XXXXXXXXXXXXXXXXXXXX
</div>
<div class="ly-imgbox11">
<img class="ly-img11" src="img/2014.11.14-1.jpg">
</div>
</div>
<div class="ly-triangle11"></div>
<div class="ly-box12">
<div class="ly-txt13">
201X-1X-1X
</div>
<div class="ly-txt14">
<p>XX</p>
<p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
<p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
<p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
<p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
<p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
</div>
</div>
<div class="ly-triangle12"></div>
</div>
<!--第三屏-->
<div class="section">
<div class="timeline"></div>
<div class="timepoint21"></div>
<div class="ly-box21">
<div class="ly-txt21">
201X-1X-2X
</div>
<div class="ly-txt22">
<p> XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
<p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
</div>
<div class="ly-imgbox21">
<img class="ly-img21" src="img/2014.11.26-1.png">
</div>
</div>
<div class="ly-triangle21"></div>
<div class="ly-box22">
<div class="ly-txt23">
201X-1X-1X
</div>
<div class="ly-txt24">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
</div>
<div class="ly-imgbox22">
<img class="ly-img22" src="img/2014.12.19-1.png">
</div>
</div>
<div class="ly-triangle22"></div>
<div class="ly-box23">
<div class="ly-txt25">
201X-1X-2X
</div>
<div class="ly-txt26">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
</div>
<div class="ly-imgbox23">
<img class="ly-img23" src="img/2014.12.20-1.jpg">
</div>
</div>
<div class="ly-triangle23"></div>
</div>
<!--第四屏-->
<div class="section">
<div class="timeline"></div>
<div class="timepoint31"></div>
<div class="ly-box31">
<div class="ly-txt31">
201X-1X-2X
</div>
<div class="ly-txt32">
<p>XXXXXXXXXXXXXXXXXXXXX。</p>
<p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
</div>
<div class="ly-imgbox31">
<img class="ly-img31" src="img/2014.12.28-1.JPG">
</div>
</div>
<div class="ly-triangle31"></div>
<div class="ly-box32">
<div class="ly-txt33">
201X-1X-2X
</div>
<div class="ly-txt34">
<p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
</div>
<div class="ly-imgbox31">
<img class="ly-img31" src="img/2014.12.28-2.png">
</div>
</div>
<div class="ly-triangle32"></div>
</div>
<!--第五屏-->
<div class="section">
<div class="timeline"></div>
<div class="timepoint21"></div>
<div class="ly-box52">
<div class="ly-txt21">
2015-01-01
</div>
<div class="ly-txt22">
<p> XXXXXXXXXXXXXXXXXXXXXXXX</p>
<p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
</div>
<div class="ly-imgbox21">
<img class="ly-img21" src="img/2015.01.01-1.jpg">
</div>
</div>
<div class="ly-triangle21"></div>
<div class="ly-box22">
<div class="ly-txt23">
201X-0X-1X
</div>
<div class="ly-txt51">
<p>XXXXXXXXXXXXXXXXXXXXXXXX</p>
<p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
</div>
<div class="ly-imgbox22">
<img class="ly-img22" src="img/2015.02.19-1.png">
</div>
</div>
<div class="ly-triangle22"></div>
<div class="ly-box51">
<div class="ly-txt25">
201X-0X-1X
</div>
<div class="ly-txt26">
<p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
<p>XXXXXXXXXXXXXXXXXXX</p>
<p>XXXXXXXXXXXXXXXXXXXXXXXX</p>
<p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
</div>
<div class="ly-imgbox23">
<img class="ly-img23" src="img/2015.04.11-1.jpg">
</div>
</div>
<div class="ly-triangle23"></div>
</div>
<!--第六屏-->
<div class="section">
<div class="timeline"></div>
<div class="timepoint21"></div>
<div class="ly-box21">
<div class="ly-txt21">
201X-0X-1X
</div>
<div class="ly-txt22">
<p>XXXXXXXXXXXXXXXXXX</p>
<p>XXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
<p>XXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
</div>
<div class="ly-imgbox21">
<img class="ly-img21" src="img/2015.05.19-1.PNG">
</div>
</div>
<div class="ly-triangle21"></div>
<div class="ly-box22">
<div class="ly-txt23">
201X-0X-2X
</div>
<div class="ly-txt24">
<p> XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
<p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
<p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
</div>
<div class="ly-imgbox22">
<img class="ly-img22" src="img/2015.05.28-1.PNG">
</div>
</div>
<div class="ly-triangle22"></div>
<div class="ly-box23">
<div class="ly-tx
生日快乐网站模板（个人制作）（HTML5+CSS3+JS）
5星 · 超过95%的资源 需积分: 50 164 浏览量
2016-09-13
19:52:45
上传
评论 37
收藏 8.52MB ZIP 举报 
桐小目CSDN_生日快乐Demo.zip （16个子文件） 
liyiwen.top css 
styless.css 8KB jquery.fullPage.css 4KB style.css 40KB styles.css 5KB
Memories.html 17KB BirthdayCake.html 14KB music 2.mp3 4.67MB 1.mp3 3.81MB img js jquery-1.8.3.min.js 91KB jquery-1.8.4.min.js 423B jquery-2.1.1.min.js 82KB diy.js 163B jquery.fullPage.js 57KB jquery.js 95KB jquery.fullPage.min.js 21KB index.html 1KB
- 1
- 2
前往页