开发语言JavaScript / HTML
资源大小22.6MB
运行环境Web / Windows / macOS / Linux / Android / iOS
资源状态可查看
节日氛围如何落在页面上
当前资源围绕红金国庆主题烟花祝福页面展开，这套源码把国庆主题的视觉表达集中在一个HTML文件里，主色选用深朱红、香槟金与暖纸色，搭配大字标题、中式城楼SVG插画、鎏金屋檐、远山流云和金色光环，整体呈现庄重又温暖的…
首页区域承担主题展示、日期信息呈现和烟花入口三项任务，插画与装饰不引用外部图片素材，随页面一起…
寄语输入到烟花反馈的链路
祝福模块是页面里交互最密集的部分。访客可以自己写一段话，也能从快捷祝福模板或文案灵感中挑选现成内容，选定后直接发送。
提交之后寄语会出现在页面中，同时自动播放约5秒的烟花秀。首页的烟花入口触发后动画铺满整个视口，重复点击可以重新开始整场表演。
日期计算与跨屏排版
页面里的年份和建国周年数不是写死的，而是读取浏览器当前日期后自动计算，新一年打开时会显示对应数据，省去每年手动改文案的…
针对电脑和手机，页面采用不同排版，标题、插画与输入区域的位置会随屏幕宽度调整。
单文件运行与改版方向
样式、脚本和插画全部内联在单个HTML文件中，不需要安装运行依赖或配置服务器，也不依赖外部资源加载。下载后双击文件即可在浏览器中打开，断网状态下同样能体验；
想换主色调时，同步修改深朱红与香槟金相关的色值即可；替换祝福文案与快捷模板则改动对应文本内容。
界面预览
