小K娱乐网好看的弹窗公告代码分享

  • 内容
  • 相关

小K娱乐网好看的弹窗公告代码分享

QQ截图20220103141444.png

直接插入到你们网站里面就行了,PC端和移动端都适用有点基础的可以改下代码让他更好看!

<div class="web_notice" style="
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    z-index: 99999;
">
<div style="
    position: fixed;
    top: 50%;
    left: 50%;
    width: 550px;
    background: #FFF;
    transform: translate(-50%, -50%);
    border-radius: 40px;
    padding: 50px 40px;
">
<h3 style="
    font-weight: bold;
    text-align: center;
    font-size: 30px;
">网站通知</h3>
<div style="
    font-size: 16px;
    margin-top: 26px;
    line-height: 30px;
    color: #999;
">Q云资源网www.qyun.vip,一直用心做内容。励志于帮助用户找到有用的资源。目前百度权重5,日访问IP7k~2w左右,已经是成立了7年多的老站!</div><a style="
    display: block;
    background: #98a3ff;
    color: #FFF;
    text-align: center;
    font-weight: bold;
    font-size: 19px;
    line-height: 60px;
    margin: 0 auto;
    margin-top: 45px;
    border-radius: 32px;
    width: 80%;
" onclick="javascript:document.querySelector('.web_notice').remove()">我知道了</ a>
</div>
</div>

 

头像
个人描述: 00后,单身可撩。

不知道看啥了?点我随便看看吧!(#^.^#)

本文标签:

版权声明:本文为《Zzl》投稿,转载请保留出处。

本文链接:小K娱乐网好看的弹窗公告代码分享 - http://www.qyun.vip/wangzhanyuanma/3063.html

上一篇:纯文字简洁的网站维护公告html页面源码 下一篇:动态紫色宇宙太空宇航员404页面源码

官方微信公众号“看福利网”QQ交流群:①399835280 ②559335110 ③277235049

评论者的电子邮件地址不会被公开。 必填项已用*标注。每天点击网站内的广告,帮助网站运营发展。