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

「已注销」

于 2022-07-20 21:35:43 发布

阅读量6.2w

点赞数 1

分类专栏：程序代码文章标签： css javascript php

本文链接：https://blog.csdn.net/Hackeus/article/details/125901160

版权

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

CSS代码：

/* 核客互动公告 - blog.hackeus.cn */
.btn-large,.load-all,.popup-btn,.popup-btn-o,.page-number
{
    padding:0 15px;
    line-height:40px;
    font-size:14px;
    display:inline-block;
    border-radius:10px
}
.btn-gray:hover,.more:hover,.load-all:hover,.module-tab-item:hover,.module-blocklist a:hover,.video-info-aux .tag-link:hover,.page-number:hover
{
    background:#eaedf1
}
.btn-main,.popup-btn
{
    background:#4e7cf2;
    color:#fff
}
.popup
{
    box-shadow:0 .25rem .5rem rgba(0,0,0,.05),0 1.5rem 2.2rem rgba(0,0,0,.1)!important;
    padding:0 30px;
    background:#fff;
    width:400px;
    position:fixed;
    top:50%;
    left:50%;
    z-index:999999;
    transform:translateX(-50%) translateY(-50%);
    margin:0 auto;
    border-radius: