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

效果图：

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>