android系统定制开发生日快乐网站模板(HTML5+JS+CSS) 带音效

android系统定制开发分享一个网站源码,android系统定制开发可以给她做了个网站作为生日祝福。主要是HTML、CSS、JS,修改了很多地方,现在作为模板放在这,希望能够对大家有所帮助。

源码链接:
提取码:0325

效果图 >

 

 修改密码 >   在birthday文件夹下,有js/index.js文件:

  1. //修改此处的冰冰,0315即可修改登录的用户名和密码
  2. if(userName=="冰冰" && pwd=="0315"){
  3. event.preventDefault();
  4. $('form').fadeOut(500);
  5. $('.wrapper').addClass('form-success');
  6. setTimeout(function(){location.href="BirthdayCake.html";},2000);
  7. }

替换memories页面文字和图片 >(以第三屏为例)

  1. <!--第三屏-->
  2. <div class="section">
  3. <!-- 下面两个div分别实现的左边那条轴和那个小球 -->
  4. <div class="timeline"></div>
  5. <div class="timepoint21"></div>
  6. <div class="ly-box21">
  7. <div class="ly-txt21">
  8. <!-- 这里更改日期 -->
  9. 201X-1X-2X
  10. </div>
  11. <div class="ly-txt22">
  12. <!-- 这里更改内容,段落、换行用<p></p>包裹起来 -->
  13. <p> XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
  14. <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
  15. </div>
  16. <div class="ly-imgbox21">
  17. <!-- 这里更改图片,图片请先改好对应的名字并且放到img文件夹下面
  18. 如果你不懂css,那么最好就裁剪图片至合适大小为止
  19. 如果你会css,那么可以根据class名字去修改对应css的宽度设置-->
  20. <img class="ly-img21" src="img/2014.11.26-1.png">
  21. </div>
  22. </div>
  23. <div class="ly-triangle21"></div>
  24. <div class="ly-box22">
  25. <div class="ly-txt23">
  26. <!-- 与上面类似,不再多说 -->
  27. 201X-1X-1X
  28. </div>
  29. <div class="ly-txt24">
  30. XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
  31. </div>
  32. <div class="ly-imgbox22">
  33. <img class="ly-img22" src="img/2014.12.19-1.png">
  34. </div>
  35. </div>
  36. <div class="ly-triangle22"></div>
  37. <div class="ly-box23">
  38. <div class="ly-txt25">
  39. 201X-1X-2X
  40. </div>
  41. <div class="ly-txt26">
  42. XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
  43. </div>
  44. <div class="ly-imgbox23">
  45. <img class="ly-img23" src="img/2014.12.20-1.jpg">
  46. </div>
  47. </div>
  48. <div class="ly-triangle23"></div>
  49. </div>

修改背景音乐 >

在BirthdayCake.html、index.html、Memories.html找到代码music/xx.mp3修改为自己想要的音乐就好了

如何给别人看

1. 打成压缩包发给别人

2. 部署至或者虚拟主机(需要域名,成本较高)

3. 部署至Gitee Pages(gitee在国内,速度快,微信不回拦截,无需域名和服务器/虚拟主机,几乎零成本)

分享到这了 自己可以修改背景和音乐呢 如果你觉得还可以请star 谢谢~~

网站建设定制开发 软件系统开发定制 定制软件开发 软件开发定制 定制app开发 app开发定制 app开发定制公司 电商商城定制开发 定制小程序开发 定制开发小程序 客户管理系统开发定制 定制网站 定制开发 crm开发定制 开发公司 小程序开发定制 定制软件 收款定制开发 企业网站定制开发 定制化开发 android系统定制开发 定制小程序开发费用 定制设计 专注app软件定制开发 软件开发定制定制 知名网站建设定制 软件定制开发供应商 应用系统定制开发 软件系统定制开发 企业管理系统定制开发 系统定制开发