介绍
这个包把南瓜与幽灵插画做成一块完整的节日展示板。首屏中央是夜空场景,包含发光南瓜、漂浮幽灵和月色背景,底部按钮可以切换派对、橱窗和邀请函三种主题,适合节日活动页、专题页封面或节庆素材展示模块。

技术栈
页面由 index.html、styles.css 和 script.js 组成,直接双击即可运行,不依赖 npm、框架或外部 CDN。
软件架构
- index.html:负责首屏主体、交互按钮和内容说明区。
- styles.css:负责布局、视觉变量、动画节奏、响应式和 reduced-motion 降级。
- script.js:负责状态切换、按钮联动和动态展示逻辑。
- preview.png:当前页面的真实浏览器截图,可直接作为下载页封面。
安装教程
- 下载并解压 zip 压缩包。
- 进入同名目录后双击 index.html 直接预览。
- 如果要部署到站点,把整个目录上传到静态服务器即可。
使用说明
打开页面后点击下方主题按钮,月色、卡片说明和南瓜高光会同步变化。需要复用时,替换标题、主题标签和右侧说明区文案即可快速延伸为邀请函头图、活动预热页或插画封面。
功能讲解
- 首屏主体是完整的万圣节插画场景,与猫咪包不再共用同一张渐变海报。
- 南瓜发光、幽灵漂浮和主题按钮联动,能直接体现节日素材的视觉主体。
- 右侧说明卡保留场景说明和替换方向,便于下载后快速改造为活动封面资源。










