还算漂亮的简易网站弹窗源码分享

2022-03-24 0 125

 

还算漂亮的简易网站弹窗源码分享

 

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.wyzyk.com)分享的弹窗源码演示。</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>

 

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

无忧资源库-提供最新的网站源码及设计插件下载! 技术教程 还算漂亮的简易网站弹窗源码分享 http://www.wyzyk.com/jsjc/645.html

爱创意-爱学习-爱分享(www.wyzyk.com)专注网络素材分享!提供了PS教程,视频素材,Maya插件,AE模板,精品软件及网站源码等一站式服务,让每一个人能在步入社会或正在工作中的你增加知识,当然也希望大家能用好无忧资源库,学好网络技术.

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务

  • 0 +

    访问总数

  • 0 +

    会员总数

  • 0 +

    文章总数

  • 0 +

    今日发布

  • 0 +

    本周发布

  • 0 +

    运行天数

你的前景,远超我们想象!