用 AI 快速打造现代交互式网页 PPT，比传统 PowerPoint 香多了！
大家好，我是 PanelAI 的熊哥。
最近我在视频里分享的演示页面让不少朋友眼前一亮：鼠标悬停发光、照片轻微动画、呼吸光文字、渐变背景……这些效果用传统 PPT 做起来非常吃力，而用 HTML + CSS + JS 结合 AI 辅助生成代码后，完成度直接起飞。
这个项目的核心亮点
- 丰富交互效果：鼠标悬停自动触发发光、缩放、动态效果
- 流畅演示体验：支持键盘翻页、鼠标滚轮、全屏（F11）操作，像 PPT 一样丝滑
- AI 驱动开发：只需要描述需求（如“让标题文字发光”），AI 就能帮你快速生成或修改代码
- 单文件打包：提供打包脚本，一键生成独立 HTML 文件，分享超级方便
- 高度可定制：文字、颜色、动画效果都可轻松修改
项目已完全开源免费
我在 GitHub 和 Gitee 都上传了完整源码，仓库名搜索 “要哇” 即可找到。
下载后直接打开 index.html 就能体验完整演示效果。
第一页、第二页我都做好了标注，使用起来非常友好。
技术栈：纯 HTML + CSS + JavaScript，无需框架，体积小巧，加载迅速。
使用建议
- 下载源码后，用浏览器打开
index.html - 按 F11 进入全屏演示模式
- 需要修改内容时，直接用 AI 工具（如 Krea 2 Turbo）辅助生成代码
- 运行打包脚本即可得到单文件版本
注意事项：项目中 PanelAI 官方 Logo 请勿修改，其他文字和样式大家可以随意定制。但请不要将我的照片用于不适当用途，谢谢理解！
在 AI 辅助下，前端技术正在让演示方式变得更加生动和灵活。这个小项目就是我的一次实践分享，希望能给正在做技术分享、产品路演或个人作品集的你带来一些灵感。
欢迎大家在评论区告诉我：你最想在这个模板里加入什么新交互效果？我会优先尝试实现并分享！
如果你觉得有用，点赞 + 收藏 + 关注 支持一下～
我们下期继续分享更多 AI + 前端 的实用玩法！
GitHub / Gitee 地址：github.com/aihubpro/pa…
需要我再调整标题或增加代码示例部分吗？
