⽣⽇快乐⽹站模板（HTML5+JS+CSS）带⾳效
分享⼀个⽣⽇祝福⽹站源码，可以给她做了个⽹站作为⽣⽇祝福。主要是HTML、CSS、JS，修改了很多地⽅，现在作为模板放在这，希望能够对⼤家有所帮助。
效果图 >
修改密码 >  在birthday⽂件夹下，有js/index.js⽂件：
//修改此处的冰冰,0315即可修改登录的⽤户名和密码
if(userName=="冰冰" &&  pwd=="0315"){
event.preventDefault();
$('form').fadeOut(500);
$('.wrapper').addClass('form-success');
setTimeout(function(){location.href="BirthdayCake.html";},2000);
}
替换memories页⾯⽂字和图⽚ >（以第三屏为例）
<!--第三屏-->
<div class="section">
<!-- 下⾯两个div分别实现的左边那条轴和那个⼩球 -->
<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></p>包裹起来 -->
<p> XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
<p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
</div>
<div class="ly-imgbox21">
<!-- 这⾥更改图⽚，图⽚请先改好对应的名字并且放到img⽂件夹下⾯
如果你不懂css，那么最好就裁剪图⽚⾄合适⼤⼩为⽌
如果你会css，那么可以根据class名字去修改对应css的宽度设置-->
<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">学校网站免费html模板
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>
修改背景⾳乐 >
在BirthdayCake.html、index.html、Memories.html到代码music/xx.mp3修改为⾃⼰想要的⾳乐就好了如何给别⼈看
1. 打成压缩包发给别⼈
2. 部署⾄云服务器或者虚拟主机（需要域名，成本较⾼）
3. 部署⾄Gitee Pages（gitee在国内，速度快，不回拦截，⽆需域名和服务器/虚拟主机，⼏乎零成本）分享到这了 ⾃⼰可以修改背景和⾳乐呢 如果你觉得还可以请star 谢谢~~

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。