绿色主题弹窗公告html代码

经常看到网上好多种弹窗公告类的html代码，不过看上去都不咋好看，今天分享一个自己写的html弹窗公告代码~

功能：两个链接跳转按钮、关闭弹窗叉叉、点击空白处关闭弹窗、每2小时弹出一次

代码如下：

<div id="popup" class="popup">
		<div class="popup-content">
			<span class="close">×</span>
			<h2>欢迎访问~</h2>
			<p>很高兴你的来访，不过您在了解我们的业务之前可以先进群或咨询客服，当然你已轻车熟路请无视我~</p>
			<div class="buttons">
				<a href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=Xuk4YvG9zh0fkI22elFaQBq2Kz-6K5P0&authKey=ovNOF1pyK3P%2BOQQSMjC0nDZPdXITvE4l3RWlaN%2BWVp3hmJEEUrfpyS6qwH5VbgUc&noverify=0&group_code=682663593" class="qq-group">加入QQ群</a>
				<a href="http://wpa.qq.com/msgrd?v=3&uin=3081366381&site=qq&menu=yes" class="contact-us">联系客服</a>
			</div>
		</div>
	</div>
	<script src="https://cdnnb.cn/script.js"></script>

<link rel="stylesheet" type="text/css" href="https://cdnnb.cn/css/tanchuang.css">

演示如下：

使用教程：将第一个代码放置</body>之前，第二个代码放置</head>之前