资源网站维护中的代码弹窗

PC端和移动端都适用有点基础的可以改下代码让他更好看!有基础的可以自己改改一定要有点基础要不然就别改了

<div class="web_notice" style="
Markup复制
    position: fixed;
Markup复制
    top: 0;
Markup复制
    left: 0;
Markup复制
    width: 100%;
Markup复制
    height: 100%;
Markup复制
    background: rgba(0,0,0,0.3);
Markup复制
    z-index: 99999;
Markup复制
">
Markup复制
<div style="
Markup复制
    position: fixed;
Markup复制
    top: 50%;
Markup复制
    left: 50%;
Markup复制
    width: 550px;
Markup复制
    background: #FFF;
Markup复制
    transform: translate(-50%, -50%);
Markup复制
    border-radius: 40px;
Markup复制
    padding: 50px 40px;
Markup复制
">
Markup复制
<h3 style="
Markup复制
    font-weight: bold;
Markup复制
    text-align: center;
Markup复制
    font-size: 30px;
Markup复制
">网站通知</h3>
Markup复制
<div style="
Markup复制
    font-size: 16px;
Markup复制
    margin-top: 26px;
Markup复制
    line-height: 30px;
Markup复制
    color: #999;
Markup复制
">根据相关政策指导,本站决定暂停更新并整改现有内容,整改完毕后会恢复更新,请大家耐心等待。也请各位广大网友监督发现违规文章联系客服QQ:10001进行删除整改</div><a style="
Markup复制
    display: block;
Markup复制
    background: #98a3ff;
Markup复制
    color: #FFF;
Markup复制
    text-align: center;
Markup复制
    font-weight: bold;
Markup复制
    font-size: 19px;
Markup复制
    line-height: 60px;
Markup复制
    margin: 0 auto;
Markup复制
    margin-top: 45px;
Markup复制
    border-radius: 32px;
Markup复制
    width: 80%;
Markup复制
" onclick="javascript:document.querySelector('.web_notice').remove()">我知道了</ a>

以上内容有有很多地方多了字自行删除

温馨提示:本文最后更新于2022-11-02 09:57:20,某些文章具有时效性,若有错误或已失效,请在下方留言或联系阿鹏
------本页内容已结束,喜欢请分享------
© 版权声明
THE END
喜欢就支持一下吧
点赞13 分享
评论 抢沙发

请登录后发表评论

    请登录后查看评论内容