一款简约好看弹窗源码适合任何网站 – cookie记录一天弹窗-蛙言网

温馨提示： 本文最后更新于2025-08-31 21:56:10，某些文章具有时效性，若有错误或已失效，请在下方留言

简洁好看的一天只弹窗一次公告HTML源码，一天只弹一次，使用cookie记录，清除一次cookie记录在访问就会重新弹出，简约好看的一款弹窗公告代码！！

代码教程：

1，下载附件 js 和 css 文件，上传到网站根目录解压

2，在首页文件或者底部文件中引入调用下面html代码

3，修改代码中的文字/链接即可

<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>弹窗公告</title>
		<link rel="stylesheet" href="notice/css/style.css" />
		<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.5.1.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
		<script type="text/javascript" src="notice/js/script.js"></script>
	</head>
	<body>
		<div class="popup">
			<div class="popup-header">
				<h3 class="popup-title">温馨提示</h3></div>
			<div class="popup-main">
				<p>本站内容以子比主题美化教程为主</br>坚持长期更新，欢迎收藏</p>
				<p class="popup-domain">
					<span>蛙言网·唯一域名</span>
					<strong>
				<a href="https://b66b.cn/" target="_blank">https://b66b.cn/</a>
				</strong>
				</p>
				<p>新用户推荐使用微信扫码登录</p>
			</div>
			<div class="popup-footer">
				<div class="popup-btn popup-close">好的，我知道了</div>
			</div>
		</div>
	</body>
</html>