生日快乐网站模板（个人制作）（HTML5+CSS3+JS）

共16个文件

js：7个

css：4个

html：3个

生日网站模板

5星 · 超过95%的资源需积分: 50 13 浏览量 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

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

<!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

评论收藏

内容反馈

ch598303706

2019-04-08

感谢楼主，效果很好
eng1012

2018-11-09

有不少例子可以参考,目前正需要.

桐小目
上传者
2019-01-17

请大家不要在这里浪费积分或者花钱下载，这个版本很旧。我把新版本上传到Github了，可以直接下载： https://github.com/IcedSoul/tiny-heart
SGX495462724

2018-08-23

幸苦了，很好看很美
wubofeng514

2018-03-15

挺不错的，谢谢啦
选咖啡还是茶

2018-02-16

幸苦了，很好看，内容蛮丰富的就差图片了