开屏弹窗制作
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> * { padding: 0; margin: 0; } .bulletin { width: 80%; height: 550px; background-color: aqua; text-align: center; margin-left: 10%; line-height: 25px; } .title { width: 100%; height: 60px; background: red; line-height: 60px; } #But { width: 80%; height: 60px; background: yellow; border-radius: 20px; } </style> </head> <body> <div class="bulletin"> <div class="title"> <h1>和平精英游戏群公告文案</h1> </div> 亲爱的和平精英游戏群成员们，大家好！<br /> 作为本群的管理者，我们希望为大家创造一个友好、积极和健康的游戏环境。为了确保群内 <br /> 秩序井然，提升群友的游戏体验，我们制定了以下群公告：<br /> 1. 尊重他人：请大家保持彼此的互相尊重和礼貌，不进行恶意攻击、人身攻击、侮辱、辱骂 <br /> 等言论。<br /> 2. 合法合规：请大家遵守游戏的使用规定和中国相关法律法规，不进行任何形式的非法活动<br /> 和违规行为。 <br /> 3. 信息分享：欢迎大家在群内进行游戏心得、经验分享，但请不要传播虚假信息、谣言等，<br /> 以免给他人带来困扰和误导。<br /> 4. 聊天内容：请大家保持聊天内容积极向上，不讨论政治敏感话题、低俗色情、暴力恐怖等<br /> 不适宜的内容。<br /> 5. 团队协作：和平精英是一个团队合作的游戏，我们鼓励大家团结协作，互相帮助和支持。<br /> 6. 反馈建议：如果大家在游戏中遇到任何问题或有任何建议，欢迎大家及时向管理组反馈，<br /> 我们会尽快处理和解决。<br /> 最后，希望大家共同遵守以上规定，共同营造一个和谐、友好的游戏群。只有大家一起努力，<br /> 才能让游戏群更加繁荣和精彩！谢谢大家的支持和配合！<br /> 如果大家对群规有任何疑问，请随时向管理组咨询。祝大家游戏愉快，再见！ <button id="But">确认</button> </div> <script> let but = document.getElementById('But'); let bul = document.getElementsByClassName('bulletin')[0]; (function() { if (sessionStorage.getItem('a') == 1) { bul.style.display = 'none'; } else { bul.style.display = 'block'; } }()) but.onclick = function() { sessionStorage.setItem("a", 1); bul.style.display = 'none'; } </script> </body> </html>
