网站弹窗公告代码-html网页弹窗

网站弹窗公告代码-html网页弹窗

网站弹窗公告代码源码下载,适合网站首页公告,非常漂亮好看!

<!doctype html>  <!--25678资源博客 molure.cn-->  <html lang="en">  <head>   <meta charset="UTF-8">   <title>网站首页弹窗公告代码</title>  </head>  <body>  <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;  ">来访问的请加QQ群:97588668(中专群)</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>  </div>  </body>  </html>

© 版权声明
THE END
喜欢就支持一下吧
点赞9 分享
评论 抢沙发