北京7日游旅行攻略

🏯 一个精心设计的北京7日游旅行攻略网站，包含详细的行程安排、住宿推荐、交通信息和预算计算。

🌟 特性

• 响应式设计 - 完美适配桌面和移动设备
• 交互式预算计算器 - 根据住宿档次自动计算旅行费用
• 平滑滚动导航 - 优雅的页面导航体验
• 现代化UI设计 - 采用中国风配色和精美动画效果
• 详细行程规划 - 7天完整的北京游览计划

📅 行程概览

时间： 2025年7月14日-20日（共7天） 预算： ¥5,300-7,800/人（根据住宿档次）

主要景点

• 🏛️ 天安门广场 & 故宫博物院
• 🏔️ 八达岭长城
• 🎢 北京环球影城
• 🦁 北京野生动物园
• 🎓 清华大学 & 圆明园

💰 预算估算

住宿档次	价格/晚	7天总预算
经济型	¥200-400	¥5,300-6,800
中档型	¥400-600	¥6,500-7,500
高档型	¥600-1000	¥7,800-9,800

🚀 快速开始

1. 克隆仓库

git clone [repository-url]
cd beijing-travel-guide

2. 直接在浏览器中打开 index.html 文件

或者使用本地服务器：

# 使用 Python
python -m http.server 8000

# 使用 Node.js
npx serve .

3. 在浏览器中访问 http://localhost:8000

📁 项目结构

beijing-travel-guide/
├── index.html          # 主页面文件
├── style.css           # 样式文件
├── app.js              # JavaScript 功能
└── README.md           # 项目说明

🎨 技术栈

• HTML5 - 语义化标记
• CSS3 - 现代化样式和动画
• JavaScript (ES6+) - 交互功能
• 响应式设计 - 移动端友好

📱 功能特色

交互式预算计算器

• 根据住宿档次自动计算总费用
• 实时更新价格显示
• 清晰的费用分解

平滑导航体验

• 锚点平滑滚动
• 活跃导航链接高亮
• 移动端适配菜单

视觉效果

• 渐进式加载动画
• 卡片悬停效果
• 视差滚动背景
• 中国风渐变配色

🌐 在线演示

[GitHub Pages 演示链接] (部署后更新)

📧 联系方式

如有问题或建议，请通过以下方式联系：

• 创建 Issue
• 提交 Pull Request

📄 许可证

本项目采用 MIT 许可证 - 查看 LICENSE 文件了解详情。

🙏 致谢

感谢所有为北京旅游攻略提供信息和建议的朋友们！

---

⭐ 如果这个项目对您有帮助，请给个 Star 支持一下！