分享一个自己拼凑的H5网页压缩包，用来送人生日礼物告白都行

前几天表妹过生日，想着用自己所学的知识给她一个有创意的生日礼物（有钱买礼物，没钱只能花点心思了），考虑了一会，还是决定用H5做网页比较容易直观，就有了下面的东西。整个代码我会在最后面放出来，毕竟大家都喜欢白嫖，我也就一个要求：取走了记得给我点个赞或留下你的评论。。。开玩笑了啦，有用就好。

由于都是网上找来自己再整理过的网页，所以就大体说说需要改动的地方，那些样式依赖之类的就不列出来了。（用的Chrome浏览器）

页面一
这是一个登陆页面，输入账户密码就可以跳转下一个页面了：


为了提升体验，我在后面加了背景音乐，Chrome浏览器好像不可以自动播放，其他的浏览器（QQ浏览器）可能可以，没有尝试过。。。至于密码嘛，看这几句代码就行了，简单的if-else语句：

验证成功后会出现以下弹窗，点击确定就行了：

此时进入下一个页面。

页面二
先上效果图：
这是个粒子烟花的效果图（也有声音哦），图片可能不够直观，可以看看这个视频：

B站地址

程序部分要注意的是这个地方，我设置的是20秒后自动跳转下一个页面，如果你想增加或者缩短时间，改这里就行了：

页面三

图片看着比较模糊，视频部分跟接着上面烟花的，我就不再录屏了，这里需要修改的地方有两个：持续时间和球里面的字符内容，下面第一张图中180是持续3分钟的意思，到时间了自己会跳转下一个页面，也就是后面的picture.html页面，而第二张图片就是球里面的字符内容了：


页面四

既然是送人的礼物，怎么少得图片呢，这个页面就是一个图片的播放页面了，当然图片下面还有文字，如果你有什么想要说的话就可以在下面写上，背景太暗，所以文字看不太清晰。。。。：

需要注意的代码如下：


最后

这些网页使用的音乐和图片分别放在这两个文件夹下，把自己想要放的图片替换就行了：

欢迎与我讨论：