安鹿轩俊俏弹窗公告代码:一天仅弹一次 含欢迎语与收藏提示_高能英雄科技群
黑号 2026-07-22 08:23:46
0

效果图:

CSS代码
/* 安鹿-公告 */.btn-large,安鹿.load-all,.popup-btn,.popup-btn-o,.page-number{padding:0 15px;line-height:40px;font-size:14px;display:inline-block;border-radius:10px}.btn-gray:hover,.more:hover,.load-all:hover,.module-tab-item:hover,.module-blocklist a:hover,.video-info-aux .tag-link:hover,.page-number:hover{background:#eaedf1}.btn-main,.popup-btn{background:#4e7cf2;color:#fff}.popup{box-shadow:0.25rem .5rem rgba(0,0,0,.05),01.5rem 2.2rem rgba(0,0,0,.1)!important;padding:0 30px;background:#fff;width:400px;position:fixed;top:50%;left:50%;z-index:999999;transform:translateX(-50%)translateY(-50%);margin:0 auto;border-radius:18px}.popup::after{content:;height:80px;width:100%;background:#eaedf1;position:absolute;top:0;left:0;z-index:-1;border-radius:18px 18px 00}.popup-header{line-height:40px;text-align:center}.popup-title{position:relative;font-size:18px;font-weight:900;display:inline-block}.popup-title::after{content:;position:absolute;width:100%;height:30%;background:#fde6dd;border-radius:5px;left:0;bottom:5px;z-index:-1}.close-popup:hover{background:#fff}.close-popup i{transform:scale(.88);font-size:12px;color:#fff}.close-popup:hover i{color:#ff2a14}.popup-icon{width:100%;text-align:center;height:220px;margin:-60px 00}.popup-icon img{height:220px}.popup-main{padding-bottom:20px}.popup-main p{padding:12px 00}.popup-main p a{color:#ff2a14}.popup strong{color:#ff2a14}.popup-footer{padding:10px 0 30px;text-align:center}.popup-footer p{margin-top:10px}.popup-btn{font-weight:700;border-radius:50px;width:100%;cursor:pointer}.popup-btn-o{color:#ff2a14;font-weight:700;width:50%;margin:5px 5px;cursor:pointer}.popup-btn-o::after{border-color:#ff2a14;border-radius:50px}.popup-msg{position:fixed;width:280px;z-index:9999999;height:auto;padding:30px;top:50%;left:50%;margin:-50px 00 -140px;text-align:center;color:#fff;background-color:rgba(7,7,10,.92);border-radius:10px}.popup-tips::after{background:00}/* 安鹿-公告 */.btn-large,.load-all,.popup-btn,.popup-btn-o,.page-number{ padding:0 15px; line-height:40px; font-size:14px; display:inline-block; border-radius:10px}.btn-gray:hover,.more:hover,.load-all:hover,.module-tab-item:hover,.module-blocklist a:hover,.video-info-aux .tag-link:hover,.page-number:hover{ background:#eaedf1}.btn-main,.popup-btn{ background:#4e7cf2; color:#fff}.popup{ box-shadow:0 .25rem .5rem rgba(0,0,0,.05),0 1.5rem 2.2rem rgba(0,0,0,.1)!important; padding:0 30px; background:#fff; width:400px; position:fixed; top:50%; left:50%; z-index:999999; transform:translateX(-50%) translateY(-50%); margin:0 auto; border-radius:18px}.popup::after{ content:; height:80px; width:100%; background:#eaedf1; position:absolute; top:0; left:0; z-index:-1; border-radius:18px 18px 0 0}.popup-header{ line-height:40px; text-align:center}.popup-title{ position:relative; font-size:18px; font-weight:900; display:inline-block}.popup-title::after{ content:; position:absolute; width:100%; height:30%; background:#fde6dd; border-radius:5px; left:0; bottom:5px; z-index:-1}.close-popup:hover{ background:#fff}.close-popup i{ transform:scale(.88); font-size:12px; color:#fff}.close-popup:hover i{ color:#ff2a14}.popup-icon{ width:100%; text-align:center; height:220px; margin:-60px 0 0}.popup-icon img{ height:220px}.popup-main{ padding-bottom:20px}.popup-main p{ padding:12px 0 0}.popup-main p a{ color:#ff2a14}.popup strong{ color:#ff2a14}.popup-footer{ padding:10px 0 30px; text-align:center}.popup-footer p{ margin-top:10px}.popup-btn{ font-weight:700; border-radius:50px; width:100%; cursor:pointer}.popup-btn-o{ color:#ff2a14; font-weight:700; width:50%; margin:5px 5px; cursor:pointer}.popup-btn-o::after{ border-color:#ff2a14; border-radius:50px}.popup-msg{ position:fixed; width:280px; z-index:9999999; height:auto; padding:30px; top:50%; left:50%; margin:-50px 0 0 -140px; text-align:center; color:#fff; background-color:rgba(7,7,10,.92); border-radius:10px}.popup-tips::after{ background:0 0}/* 安鹿-公告 */.btn-large,.load-all,.popup-btn,.popup-btn-o,.page-number{ padding:0 15px; line-height:40px; font-size:14px; display:inline-block; border-radius:10px}.btn-gray:hover,.more:hover,.load-all:hover,.module-tab-item:hover,.module-blocklist a:hover,.video-info-aux .tag-link:hover,.page-number:hover{ background:#eaedf1}.btn-main,.popup-btn{ background:#4e7cf2; color:#fff}.popup{ box-shadow:0 .25rem .5rem rgba(0,0,0,.05),0 1.5rem 2.2rem rgba(0,0,0,.1)!important; padding:0 30px; background:#fff; width:400px; position:fixed; top:50%; left:50%; z-index:999999; transform:translateX(-50%) translateY(-50%); margin:0 auto; border-radius:18px}.popup::after{ content:; height:80px; width:100%; background:#eaedf1; position:absolute; top:0; left:0; z-index:-1; border-radius:18px 18px 0 0}.popup-header{ line-height:40px; text-align:center}.popup-title{ position:relative; font-size:18px; font-weight:900; display:inline-block}.popup-title::after{ content:; position:absolute; width:100%; height:30%; background:#fde6dd; border-radius:5px; left:0; bottom:5px; z-index:-1}.close-popup:hover{ background:#fff}.close-popup i{ transform:scale(.88); font-size:12px; color:#fff}.close-popup:hover i{ color:#ff2a14}.popup-icon{ width:100%; text-align:center; height:220px; margin:-60px 0 0}.popup-icon img{ height:220px}.popup-main{ padding-bottom:20px}.popup-main p{ padding:12px 0 0}.popup-main p a{ color:#ff2a14}.popup strong{ color:#ff2a14}.popup-footer{ padding:10px 0 30px; text-align:center}.popup-footer p{ margin-top:10px}.popup-btn{ font-weight:700; border-radius:50px; width:100%; cursor:pointer}.popup-btn-o{ color:#ff2a14; font-weight:700; width:50%; margin:5px 5px; cursor:pointer}.popup-btn-o::after{ border-color:#ff2a14; border-radius:50px}.popup-msg{ position:fixed; width:280px; z-index:9999999; height:auto; padding:30px; top:50%; left:50%; margin:-50px 0 0 -140px; text-align:center; color:#fff; background-color:rgba(7,7,10,.92); border-radius:10px}.popup-tips::after{ background:0 0}
JS代码
/* 安鹿-公告 */functioncookiesave(n, v, mins, dn, path){if(n){if(!mins){mins = 24*60;}if(!path){path = "/";}var date = newDate();date.setTime(date.getTime() + (mins *60*1000));var expires = "; expires=" + date.toGMTString();if(dn){dn = "domain=" + dn + "; ";}document.cookie = n + "=" + v + expires + "; " + dn + "path=" + path;}}functioncookieget(n){var name = n + "=";var ca = document.cookie.split(;);for(var i = 0; i < ca.length; i++){var c = ca[i];while(c.charAt(0) == ){c = c.substring(1, c.length);}if(c.indexOf(name) == 0){return c.substring(name.length, c.length);}}return""}functioncloseclick(){document.getElementById(note).style.display = none;cookiesave(closeclick, closeclick, , , )}functionclickclose(){if(cookieget(closeclick) == closeclick){document.getElementById(note).style.display = none}else{document.getElementById(note).style.display = block;}}window.onload = clickclose;/* 安鹿-公告 */function cookiesave(n, v, mins, dn, path){ if (n) { if (!mins) { mins = 24 * 60; } if (!path) { path = "/"; } var date = new Date(); date.setTime(date.getTime() + (mins * 60 * 1000)); var expires = "; expires=" + date.toGMTString(); if (dn) { dn = "domain=" + dn + "; "; } document.cookie = n + "=" + v + expires + "; " + dn + "path=" + path; }}function cookieget(n){ var name = n + "="; var ca = document.cookie.split(;); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ) { c = c.substring(1, c.length); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""}function closeclick(){ document.getElementById(note).style.display = none; cookiesave(closeclick, closeclick, , , )}function clickclose(){ if (cookieget(closeclick) == closeclick) { document.getElementById(note).style.display = none } else { document.getElementById(note).style.display = block; }}window.onload = clickclose;/* 安鹿-公告 */function cookiesave(n, v, mins, dn, path){ if (n) { if (!mins) { mins = 24 * 60; } if (!path) { path = "/"; } var date = new Date(); date.setTime(date.getTime() + (mins * 60 * 1000)); var expires = "; expires=" + date.toGMTString(); if (dn) { dn = "domain=" + dn + "; "; } document.cookie = n + "=" + v + expires + "; " + dn + "path=" + path; }}function cookieget(n){ var name = n + "="; var ca = document.cookie.split(;); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ) { c = c.substring(1, c.length); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""}function closeclick(){ document.getElementById(note).style.display = none; cookiesave(closeclick, closeclick, , , )}function clickclose(){ if (cookieget(closeclick) == closeclick) { document.getElementById(note).style.display = none } else { document.getElementById(note).style.display = block; }}window.onload = clickclose;
调用
放入head或foot即可
<div class="popup" id="note" style="display:none;"><div class="popup-icon"><img src="https://cdn.jsdelivr.net/gh/cy-i/chenyu@1.0.0/img/cyhome.svg"></div><div class="popup-header"><h3 class="popup-title">同一个世界,同一个梦想</h3></div><div class="popup-main"><p>安鹿轩欢迎你!轩俊</p><p>我家大门常打开,俏弹开放怀抱等你 。窗公次含藏提拥抱过就有了默契 ,告代你会爱上这里 !码天高能英雄科技群不管远近都是仅弹客人,请不用客气 ,欢迎相约好了在一起 ,语收我们欢迎你……</p><p>哇!安鹿终于等到你啦 !轩俊此公告单纯的俏弹只是为了表示感谢! <strong>天气酷热</strong>,窗公次含藏提高能英雄辅助卡网小心中署; <strong>感恩有你</strong> ,告代不离不弃!码天</p><p>建议使用 <strong>Ctrl + D</strong> 收藏本站,让你不再错过任何篇优秀文章哟!</p><p>愿你有诗有梦 ,有坦荡的高能英雄pc辅助远方;愿你历遍山河,仍觉得人间值得!</p></div><div class="popup-footer"><span class="popup-btn" onclick="closeclick()">我记借宿啦</span></div></div>