很漂亮的一天只弹窗一次的公告

一款很漂亮的可设置时间的弹窗公告,可自定义HTML代码的公告。
20220717213820.webp

CSS代码

JS代码

调用

本站同款样式,放入head或foot即可。一毛一样,童叟无欺!

<div class="popup" id="note" style="display:none;">
    <div class="popup-icon"><img src="https://cdn.jsdelivr.net/gh/cy-i/[email protected]/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>愿你有诗有梦,有坦荡的远方;愿你历遍山河,仍觉得人间值得!</p></div>
    <div class="popup-footer"><span class="popup-btn" onclick="closeclick()">我记住啦</span></div>
</div>
© 版权声明
THE END
如果喜欢,可以【点赞】【分享】【收藏】
点赞9赞赏 分享
评论 共64条
头像
非注册用户需审核通过后才能查看。友好交流,勿发纯表情,勿恶意灌水!
提交
头像

昵称

取消
昵称表情代码图片
    • 头像梦泽0
    • 头像陆游0
    • 头像小耿0
    • 头像鹤辞0
    • 头像HECI0
      • Jaden的头像-尘遇钻石会员Jaden徽章-初出茅庐-尘遇等级-LV6-尘遇作者0
    • 头像二分0
    • 头像二分0
    • 头像拾三0
    • 头像拾三0
    • 头像阿力0
    • 头像猪猪侠0
    • 头像小呆呆0
    • 头像懒鱼0
    • 头像那根数据线0
    • 头像孔结构0
    • 头像阿紫酱0
    • 头像贝塔0
    • 头像阿水0
    • 头像测测0
    • 头像Aurora0
    • 头像十一月0
    • 头像koi0
    • 头像DreamBody0
    • 头像小羊u0
    • 头像chenmo0
    • 头像秋天不回来0
    • 头像0
    • 头像hello0
    • 头像感谢0