还算漂亮的简易网站弹窗源码分享
分类:实用代码
时间:2022-11-22 15:39
浏览:0
评论:0
UI还是非常不错,比较简洁,以直接放到网站需要的地方就可以了,打开网站就会显示这样一个弹窗,适合发一些公告之类的告示,有基础的可以自己改一下PC和Wap端的样式。或者加个cookie,一天仅显示一次之类的。下面是源码:
<div class="web_notice" style="position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(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:700;text-align:center;font-size:30px">网站通知</h3> <div style="font-size:16px;margin-top:26px;line-height:30px;color:#999">这是扒模板工作室(http://www.bamuban.cn)分享的弹窗源码演示。</div> <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> </div> </div>
1. 本站所有资源来源于用户上传或网络,仅作为参考研究使用,如有侵权请邮件联系站长!
2. 本站积分货币获取途径以及用途的解读,想在本站混的好,请务必认真阅读!
3. 本站强烈打击盗版/破解等有损他人权益和违法作为,请各位会员支持正版!
4. 实用代码 > 还算漂亮的简易网站弹窗源码分享
2. 本站积分货币获取途径以及用途的解读,想在本站混的好,请务必认真阅读!
3. 本站强烈打击盗版/破解等有损他人权益和违法作为,请各位会员支持正版!
4. 实用代码 > 还算漂亮的简易网站弹窗源码分享