去评论
dz插件网

假期电量已不足,晚到的国庆中秋快乐

饾暦饾枎饾枒饾枏饾枂饾枅饾枑
2025/10/07 09:34:14

假期电量已不足,晚到的国庆中秋快乐。
红通通的大灯笼,貌似之前有老坛问过!这都是几年前那些大神们CSS纯绘制的。我加工了下。方便更易用。不用每次都改文件。后端直接控制。国庆 元旦这些公历的很好办。主要是中秋春节这种农历的。小编是借助chinesecalenda这个公历农历互转的类文件。
返回的格式目前是
  1. {"chaecktimeweek":"\u5468\u4e00","chaecktime":"2025-10-06 21:46:49","currentdaynongliinfo":{"lunar_year":"2025","lunar_month":"08","lunar_day":"15","lunar_hour":null,"lunar_year_chinese":"\u4e8c\u96f6\u4e8c\u4e94","lunar_month_chinese":"\u516b\u6708","lunar_day_chinese":"\u5341\u4e94","lunar_hour_chinese":null,"ganzhi_year":"\u4e59\u5df3","ganzhi_month":"\u4e59\u9149","ganzhi_day":"\u620a\u7533","ganzhi_hour":null,"wuxing_year":"\u6728\u706b","wuxing_month":"\u6728\u91d1","wuxing_day":"\u571f\u91d1","wuxing_hour":null,"color_year":"\u9752","color_month":"\u9752","color_day":"\u9ec4","color_hour":null,"animal":"\u86c7","term":null,"is_leap":false,"gregorian_year":"2025","gregorian_month":"10","gregorian_day":"06","gregorian_hour":null,"week_no":1,"week_name":"\u661f\u671f\u4e00","is_today":true,"constellation":"\u5929\u79e4","is_same_year":true},"currentSpring":{"newYearEve":"2025-01-28","start":"2025-01-29","end":"2025-02-04"},"nextSpring":{"newYearEve":"2026-02-16","start":"2026-02-17","end":"2026-02-23"},"nationalDay":{"start":{"month":10,"day":1},"end":{"month":10,"day":7},"text":["\u6b22","\u5ea6","\u56fd","\u5e86"]},"yuanDanDay":{"start":{"month":1,"day":1},"end":{"month":1,"day":1},"text":["\u65b0","\u5e74","\u5feb","\u4e50"]},"springFestival":{"start":{"month":2,"day":17},"end":{"month":2,"day":23},"newYearEve":{"month":2,"day":16},"text":["\u6625","\u8282","\u5feb","\u4e50"]},"days_remaining":134,"sitename":"\u6587\u97f5\u574a","full_year_holidays":{"\u5143\u65e6":{"start":"2025-01-01","end":"2025-01-01","start_format":{"month":1,"day":1},"end_format":{"month":1,"day":1},"name":"\u5143\u65e6","days":1,"status":"valid"},"\u6625\u8282":{"start":"2025-01-29","end":"2025-02-04","start_format":{"month":1,"day":29},"end_format":{"month":2,"day":4},"name":"\u6625\u8282","days":7,"newYearEve":"2025-01-28","newYearEve_format":{"month":1,"day":28},"status":"valid"},"\u52b3\u52a8\u8282":{"start":"2025-05-01","end":"2025-05-05","start_format":{"month":5,"day":1},"end_format":{"month":5,"day":5},"name":"\u52b3\u52a8\u8282","days":5,"status":"valid"},"\u7aef\u5348\u8282":{"start":"2025-05-31","end":"2025-05-31","start_format":{"month":5,"day":31},"end_format":{"month":5,"day":31},"name":"\u7aef\u5348\u8282","days":1,"status":"valid"},"\u4e2d\u79cb\u8282":{"start":"2025-10-06","end":"2025-10-06","start_format":{"month":10,"day":6},"end_format":{"month":10,"day":6},"name":"\u4e2d\u79cb\u8282","days":1,"status":"valid"},"\u56fd\u5e86\u8282":{"start":"2025-10-01","end":"2025-10-07","start_format":{"month":10,"day":1},"end_format":{"month":10,"day":7},"name":"\u56fd\u5e86\u8282","days":7,"status":"valid"}},"code":1,"is_from_cache":true}
前端JS对接一下:
  1. //判断是否在节假日期间function isInHoliday(holiday) {var now = new Date();var startYear = holiday.start.year || (holiday.start.fullDate ? holiday.start.fullDate.split('-')[0] : now.getFullYear());var endYear = holiday.end.year || (holiday.end.fullDate ? holiday.end.fullDate.split('-')[0] : now.getFullYear());var startDate = new Date(startYear, holiday.start.month - 1, holiday.start.day);var endDate = new Date(endYear, holiday.end.month - 1, holiday.end.day);startDate.setHours(0, 0, 0, 0);endDate.setHours(23, 59, 59, 999);return now >= startDate && now <= endDate;}//创建灯笼样式function createLanternStyles(){const s=document.createElement("style");s.textContent=".specialday-deng-box{position:fixed;top:-40px;right:150px;z-index:20;pointer-events:none}"+".specialday-deng-box1,.specialday-deng-box2,.specialday-deng-box3{position:fixed;pointer-events:none;z-index:20}"+".specialday-deng-box1{top:-30px;right:10px}"+".specialday-deng-box2{top:-40px;left:150px}"+".specialday-deng-box3{top:-30px;left:10px}"+".specialday-deng-box1 .specialday-deng,.specialday-deng-box3 .specialday-deng{position:relative;width:120px;height:90px;margin:50px;background:#d8000f;background:rgba(255,0,0);border-radius:50%;transform-origin:50% -100px;animation:specialday-swing 5s infinite ease-in-out;box-shadow:-5px 5px 30px 4px #fc903d}"+".specialday-deng{position:relative;width:120px;height:90px;margin:50px;background:#d8000f;background:rgba(255,0,0);border-radius:50%;transform-origin:50% -100px;animation:specialday-swing 3s infinite ease-in-out;box-shadow:-5px 5px 50px 4px #fa6c00}"+".specialday-deng-a{width:100px;height:90px;margin:12px 8px 8px;border-radius:50%;border:2px solid #dc8f03;background:#d8000f;background:rgba(216,0,15,.1)}"+".specialday-deng-b{width:45px;height:90px;margin:-4px 8px 8px 26px;border-radius:50%;border:2px solid #dc8f03;background:#d8000f;background:rgba(216,0,15,.1)}"+".specialday-xian{position:absolute;top:-20px;left:60px;width:2px;height:20px;background:#dc8f03}"+".specialday-shui-a{position:relative;width:5px;height:20px;margin:-5px 0 0 59px;border-radius:0 0 5px 5px;background:orange;transform-origin:50% -45px;animation:specialday-swing 4s infinite ease-in-out}"+".specialday-shui-b{position:absolute;top:14px;left:-2px;width:10px;height:10px;border-radius:50%;background:#dc8f03}"+".specialday-shui-c{position:absolute;top:18px;left:-2px;width:10px;height:35px;border-radius:0 0 0 5px;background:orange}"+".specialday-deng:before,.specialday-deng:after{position:absolute;height:12px;width:60px;content:'';display:block;border:1px solid #dc8f03;background:linear-gradient(90deg,#dc8f03,orange,#dc8f03,orange,#dc8f03);z-index:21}"+".specialday-deng:before{top:-7px;left:29px;border-radius:5px 5px 0 0}"+".specialday-deng:after{bottom:-7px;left:30px;border-radius:0 0 5px 5px}"+".specialday-deng-t{font:700 3.2rem/85px 黑体,Arial,sans-serif;color:#ffeb3be6;text-align:center}"+".specialday-deng-year{font:700 1rem 黑体,Arial,sans-serif;color:#e90c0c;position:absolute;top:-10px;left:50%;transform:translateX(-50%);z-index:21}"+"@keyframes specialday-swing{0%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}100%{transform:rotate(-10deg)}}";document.head.appendChild(s);}//创建灯笼元素function createLanternElements(year) {var lanternContainer = document.createElement("div");lanternContainer.className = "specialday-dengl";lanternContainer.innerHTML = '<div class="specialday-deng-box2"><div class="specialday-deng"><div class="specialday-deng-year">'+year+'</div><div class="specialday-xian"></div><div class="specialday-deng-a"><div class="specialday-deng-b"><div class="specialday-deng-t">节</div></div></div><div class="specialday-shui specialday-shui-a"><div class="specialday-shui-c"></div><div class="specialday-shui-b"></div></div><div class="specialday-firework-container"></div></div></div><div class="specialday-deng-box3"><div class="specialday-deng"><div class="specialday-deng-year">'+year+'</div><div class="specialday-xian"></div><div class="specialday-deng-a"><div class="specialday-deng-b"><div class="specialday-deng-t">春</div></div></div><div class="specialday-shui specialday-shui-a"><div class="specialday-shui-c"></div><div class="specialday-shui-b"></div></div><div class="specialday-firework-container"></div></div></div><div class="specialday-deng-box1"><div class="specialday-deng"><div class="specialday-deng-year">'+year+'</div><div class="specialday-xian"></div><div class="specialday-deng-a"><div class="specialday-deng-b"><div class="specialday-deng-t">乐</div></div></div><div class="specialday-shui specialday-shui-a"><div class="specialday-shui-c"></div><div class="specialday-shui-b"></div></div><div class="specialday-firework-container"></div></div></div><div class="specialday-deng-box"><div class="specialday-deng"><div class="specialday-deng-year">'+year+'</div><div class="specialday-xian"></div><div class="specialday-deng-a"><div class="specialday-deng-b"><div class="specialday-deng-t">快</div></div></div><div class="specialday-shui specialday-shui-a"><div class="specialday-shui-c"></div><div class="specialday-shui-b"></div></div><div class="specialday-firework-container"></div></div></div>';document.body.appendChild(lanternContainer);}//设置灯笼文字function setLanternText(texts) {var lanternTextElements = [document.querySelector(".specialday-deng-box3 .specialday-deng-t"),document.querySelector(".specialday-deng-box2 .specialday-deng-t"),document.querySelector(".specialday-deng-box .specialday-deng-t"),document.querySelector(".specialday-deng-box1 .specialday-deng-t")];for (var i = 0; i < lanternTextElements.length; i++) {var element = lanternTextElements[i];if (element && texts[i]) {element.textContent = texts[i];}}}//控制灯笼显示function controlHolidayLantern() {$.ajax({url: "/ecmsapi/index.php?mod=shujuchuli&act=specialday",type: "GET",dataType: "json",success: function(holidayConfig) {var currentYear;if (holidayConfig.currentdaynongliinfo && holidayConfig.currentdaynongliinfo.gregorian_year) {currentYear = holidayConfig.currentdaynongliinfo.gregorian_year;} else {currentYear = new Date().getFullYear();}           var holidayType = null;if (holidayConfig.yuanDanDay && isInHoliday(holidayConfig.yuanDanDay)) {holidayType = "yuanDanDay";}else if (isInHoliday(holidayConfig.springFestival)) {holidayType = "springFestival";} else if (isInHoliday(holidayConfig.nationalDay)) {holidayType = "nationalDay";}if (holidayType) {createLanternStyles();createLanternElements(currentYear);setLanternText(holidayConfig[holidayType].text);}}});}controlHolidayLantern();//执行特殊节日灯笼特效
一劳永逸,都是到节日的时候自动挂上灯笼了,再也不用每到国庆春节都去修改文件了。