这是一个名为"Happy-birthday"的网页生日祝福项目,主要功能是为特定人物(代码中的"Qxx")创建一个互动生日祝福页面。项目特点如下:
-
登录系统:通过一个简单的密码验证(密码为"111")来访问生日祝福内容,增加了仪式感和私密性。
-
多个互动页面:
- 首先展示粒子文字动画页面(particle-text.html)
- 5秒后切换到仿微信消息页面(wechat-message.html)
- 15.3秒后切换到生日蛋糕页面(蛋糕.html)
-
视觉效果:
- 包含粒子动画效果
- 有模拟微信聊天的界面
- 蛋糕页面包含精美的CSS蛋糕动画和烟花效果
- 闪烁的星星和其他动态视觉元素
-
音频体验:
- 项目包含多个音频文件作为背景音乐(静悄悄181.mp3、稳稳的幸福.mp3、夜车.mp3)
- 音乐会在页面切换时继续播放,并记录播放位置
-
技术特点:
- 纯前端项目,使用HTML、CSS和JavaScript实现
- 使用Canvas绘制动画效果
- 通过CSS实现页面过渡效果
- 使用SessionStorage保存登录状态和音乐播放位置
这是一个很有创意的生日祝福项目,通过多个页面的顺序展示和丰富的视听效果,创造了一个温馨而有趣的生日祝福体验。用户需要输入密码后,会经历一个从文字动画到微信消息再到生日蛋糕的完整体验流程。