js学习--开屏弹窗

最新推荐文章于 2024-08-08 16:33:07 发布

神明木佑

最新推荐文章于 2024-08-08 16:33:07 发布

阅读量82

点赞数 2

文章标签： javascript 学习前端

本文链接：https://blog.csdn.net/z16638522031/article/details/140334508

版权

开屏弹窗制作

<!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>