深圳市金黑网络技术有限公司始终坚持以用户需求为导向,提供安全、稳定、高效的产品和服务!
签到 · 搜索导航 · 服务热线 · 微信/手机:17817817816

深圳网站建设

查看: 425|回复: 0

XIUNO修罗弹窗提示代码分享

[复制链接]

UID
1
贡献
844
金币
1540
主题
520
在线时间
333 小时
注册时间
2022-1-15
最后登录
2024-11-12
QQ
发表于 2023-2-5 17:36:53 | 425 | 0 | 显示全部楼层 |阅读模式
XIUNO修罗弹窗提示代码分享

XIUNO修罗弹窗提示代码分享

XIUNO修罗弹窗提示代码分享



  1. <div class="web_notice" style="position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:99999">
  2.     <div style="position:fixed;top:50%;left:50%;width:550px;background:#fff;transform:translate(-50%,-50%);border-radius:40px;padding:50px 40px">
  3.         <h3 style="font-weight:700;text-align:center;font-size:30px">网站通知</h3>
  4.         <div style="font-size:16px;margin-top:26px;line-height:30px;color:#999">这是XIUNO爱好者 分享的弹窗源码演示。</div>
  5.         <a style="display:block;background:#98a3ff;color:#fff;text-align:center;font-weight:700;font-size:19px;line-height:60px;margin:0 auto;margin-top:45px;border-radius:32px;width:80%" onclick='document.querySelector(".web_notice").remove()'>我知道了</a>
  6.     </div>
  7. </div>
复制代码


楼主热帖

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

快速回复 返回顶部 返回列表