网站弹窗公告代码-html网页弹窗 - 陌路人博客

网站弹窗公告代码-html网页弹窗-陌路人博客-第1张图片陌路人

陌路人博客(molure.cn)
用心传递快乐,初心不变。

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

网站弹窗公告代码-html网页弹窗-陌路人博客- 第4张图片

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

<!doctype html>
<!--陌路人博客 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>


×

感谢您的支持,我们会一直保持!

网站弹窗公告代码-html网页弹窗-陌路人博客- 第6张图片
请土豪扫码随意打赏

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

打赏作者
版权所有,转载注意明处:陌路人博客 » 网站弹窗公告代码-html网页弹窗
标签: 代码

发表评论

表情
看不清楚?点图切换

网友评论(2)

感谢老板分享哈哈
worinisa 11个月前 (2021-12-23) 回复
感谢老板分享
worinisa 11个月前 (2021-12-23) 回复