Typecho 一天只弹窗一次的公告代码
标签搜索

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

艾霂
2024-03-22 / 1 评论 / 59 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2024年03月22日,已超过26天没有更新,若内容或图片失效,请留言反馈。

一款很漂亮的可设置时间的弹窗公告,可自定义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>
3

评论 (1)

一言
取消
  1. 头像
    nio
    Windows 10 · Google Chrome
    传奇王者

    试试看

    回复