肩袖损伤全面指南

医学科普网站 —— 全面介绍肩袖损伤的成因、程度分级、预防方法、治疗方法、治疗前后注意事项及养护措施。

项目简介

本网站是一个关于肩袖损伤（Rotator Cuff Injury）的综合性医学科普单页应用，使用纯 HTML + CSS + JavaScript 构建，无需任何框架或后端依赖。

内容板块

技术特点

• 纯静态网站，无需后端
• 响应式设计，适配手机和桌面
• 医疗蓝绿色调（#2c7be5 + #36d1dc）
• 滚动监听导航高亮
• Intersection Observer 淡入动画
• Tab 切换 + Accordion 折叠面板
• 移动端汉堡菜单

文件结构

rotator-cuff-injury/
├── index.html      # 主页面
├── css/style.css   # 样式
├── js/main.js      # 交互逻辑
└── README.md       # 项目说明

使用方法

直接用浏览器打开 index.html，或启动本地服务器：

python3 -m http.server 8080

然后访问 http://localhost:8080

免责声明

本网站内容仅供科普参考，不能替代专业医疗诊断和治疗。如有肩部疼痛或不适，请及时就医。具体治疗方案请遵医嘱。