节日漂浮挂件 v2.0｜全法定节假日适用于各种网站

🌐 经济型：买域名、轻量云服务器、用途：游戏网站等《腾讯云》特点：特价机便宜适合初学者用点我优惠购买

🚀 拓展型：买域名、轻量云服务器、用途：游戏网站等《阿里云》特点：中档服务器便宜域名备案事多点我优惠购买

🛡️ 稳定型：买域名、轻量云服务器、用途：游戏网站等《西部数码》特点：比上两家略贵但是稳定性超好事也少点我优惠购买

大家分享一个轻量级网页节日漂浮挂件。引入后会自动悬浮在页面右下角，按系统日期自动显示对应的节日祝福卡片，节日过后自动隐藏，不需要手动维护。适用于任何网页

🎈 功能特点

覆盖 2026-2028 全部法定节假日
支持元旦、春节、清明、劳动节、端午、中秋、国庆
右下角自动悬浮显示
多个节日自动堆叠，不会互相遮挡
金色描边 + 悬浮动画 + 星光闪烁效果
右上角 × 可手动关闭
纯原生 JS，单文件，无依赖
支持模拟日期调试，方便预览效果

🗓️ 已覆盖节日 节日漂浮挂件 v2.0｜全法定节假日适用于各种网站

说明：2026 年按官方放假调休方案配置。2027、2028 年官方调休通知暂未发布，目前按法定假日日期配置，后续官方通知出来后可以再更新。

📖 使用教程第一步：上传脚本下载 festival-widget.js，上传到你的网站目录。 第二步：引入页面在需要显示挂件的页面底部，</body> 之前加入： <sCript src="festival-widget.js"></script>第三步：刷新生效刷新页面后，挂件会自动出现在右下角。不需要额外初始化代码。

🎛️ 调试方法可以在浏览器控制台手动测试： // 强制显示全部节日Window.__festival.setState({ testMode: true });// 恢复正常模式window.__festival.setState({ testMode: false });// 模拟某一天window.__festival.setState({ simulate: "2028-1-26" });// 恢复真实日期window.__festival.setState({ simulate: null });

📝 自定义节日打开 festival-widget.js，找到 festivalConfig，可以按格式修改或新增节日。示例： { name: "y2028_chunjie", year: 2028, from: { m: 1, d: 25 }, to: { m: 1, d: 28 }, title: "欢度春节", text: "祝福语<br>第二行", gradient: "linear-gradient(135deg,#b4.000,#e21515)"}

🌐 在线演示功能测试地址：http://w.z19m.com/festival-widget-test.HTML 网站演示页：http://w.z19m.com/festival-widget-demo.html

💡 注意事项