网页弹窗页面自适应，关闭后可自定义cookic过期时间

admin · 发表于昨天 17:43

<style>
#popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%;
max-width: 600px;
background: white;
border: 1px solid #ccc;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
z-index: 1000;
display: none;
border-radius: 10px;
}
#popup .content h2{
text-align: center;
font-size: 18px;
font-weight: bold;
color: #00568f;
padding-bottom: 15px;
}
.content {
padding: 20px;
}
#jinhei{
text-align: center;
}
</style>
<div id="popup" >
<div class="content">
<h2 id="h0">欢迎来到标准.盛丰</h2>
<p>自公司成立以来，标准.盛丰与客户共同增长，凭借着专业团队的高质量服务，为全球各地的客户，提供众多优质的企业方案，并成功令客户提高效率、增加效益、改善业绩和财务状况等。无论是在企业架构搭建、证件申办、管治设计、风控管理、会计制度编整、内审督理、还是在资金管控、融资方式、税务策划及商业资本等方面，标准.盛丰都能给客户提供最专业和最贴心的服务。</p>
<div id="jinhei">
<button id="closeBtn">关闭</button>
</div>
</div>
</div>

复制代码

游客，如果您要查看本帖隐藏内容请回复

js.zip (854 Bytes, 下载次数: 0, 售价: 10 金豆)

		自动登录	找回密码
密码			立即注册

[综合案例] 网页弹窗页面自适应，关闭后可自定义cookic过期时间