Typecho 一天只弹窗一次的公告代码

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

本代码我应用于 Typecho 上的 Joe 主题里，当然不仅仅局限 Joe 主题其他主题一样适用靠自己琢磨，其他程序网站一样也可以用的 😗

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/chenyu@1.0.0/img/cyhome.svg"></div>
    <div class="popup-header">
        <h3 class="popup-title">同一个世界，同一个梦想</h3>
    </div>
    <div class="popup-main">
<p>艾霂's Blog欢迎你！</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>