甜蜜时光 - 我们的21天

这是一个记录甜蜜恋爱时光的浪漫网页，展示着我们在一起的每一个特别瞬间。通过精心设计的界面和互动效果，记录下这段美好的回忆。

项目特点

• 甜蜜21天完整记录展示
• 动态照片墙展示我们的回忆
• 浪漫背景音乐营造氛围
• 心形飘落特效增添浪漫
• 照片点击放大，清晰回顾
• 每日甜蜜时刻记录
• 响应式设计，手机电脑都能完美浏览

项目结构

love-story-21days/
├── index.html          # 主页面
├── css/               
│   └── style.css       # 样式文件
├── js/
│   └── script.js       # 交互脚本
└── assets/
    ├── images/         # 图片资源
    │   ├── bg.jpg     # 背景图
    │   └── bj1-9.jpg  # 照片墙图片
    └── music/
        └── background.mp3  # 背景音乐

使用说明

1. 克隆项目到本地
2. 在 assets/images/ 目录下放入您的照片
3. 在 assets/music/ 目录下放入您喜欢的背景音乐
4. 修改 js/script.js 中的 dailyMessages 数组来自定义每日消息
5. 部署到 GitHub Pages 或其他网页托管服务

技术栈

• HTML5
• CSS3 (动画、响应式设计)
• JavaScript (原生JS)
• LocalStorage (数据持久化)

注意事项

• 请确保图片和音乐文件格式正确
• 建议照片尺寸保持一致，推荐比例 3:4
• 背景音乐文件大小建议控制在 2MB 以内

许可

MIT License - 随意使用，但请保留原作者信息