介绍
该资源把糖果字母、口味切换和粒子喷发表现集中到同一首屏,打开后即可看到成组糖块文字和鼠标喷发反馈,适合做节日封面和视觉标题素材。

技术栈
HTML5 + CSS3 + JavaScript。页面默认不依赖任何外部框架,直接双击 index.html 即可打开并观察完整交互。
软件架构
- index.html:负责首屏布局、交互容器和语义结构。
- styles.css:负责配色变量、版式规则、响应式布局和动画样式。
- script.js:负责按钮切换、状态更新、粒子或表单等交互逻辑。
- preview.png:保存真实浏览器截图,可直接用于下载页封面。
安装教程
- 下载并解压 zip 压缩包。
- 进入解压后的同名文件夹,双击 index.html 直接预览。
- 如需部署到网站,将整个文件夹上传到静态空间即可。
使用说明
点击口味按钮即可切换不同配色与字面内容,鼠标在展示区域移动时会持续触发糖粒喷发。若要换成自己的标题或品牌字样,可直接替换 `script.js` 中的字词数组,并在 `styles.css` 修改颜色变量。
功能讲解
- 糖果字母主舞台:四个大字块直接构成首页主体,不再使用通用海报壳。
- 粒子喷发反馈:鼠标移动时实时生成糖粒拖尾,增强标题的素材展示感。
- 口味切换按钮:支持一键切换莓果、薄荷、橙子三套色板与字面方案。










