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

admin

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

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

复制代码

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

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

昨天 17:43 上传

点击文件名下载附件