今天在外面逛了一下,看到了一款还不错的弹出公告
代码如下:可以根据自己实际需要修改
<div class="popup" id="note" style="display:none;">
<div class="popup-icon"><img src="https://blog.arsn.cn/usr/themes/Joe/public/images/backhome.svg"></div>
<div class="popup-header">
<h3 class="popup-title">公告</h3>
</div>
<div class="popup-main">
<p>超稳云博客欢迎您</p>
<p>哇!终于等到你啦!欢迎来到超稳云博客</p>
<p>建议使用 <strong>Ctrl + D</strong> 收藏本站,让你不再错过任何篇优秀文章哟!</p>
<p>本站提供的压缩包若无特别说明,解压密码均为www.7-s.cn</p></div>
<div class="popup-footer"><span class="popup-btn" onclick="closeclick()">我记住啦</span></div>
</div>
