绿色主题弹窗公告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">

演示如下:

图片[1]-绿色主题弹窗公告html代码 - 日出资源网-日出资源网
演示图

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

图片[2]-绿色主题弹窗公告html代码 - 日出资源网-日出资源网
演示图
图片[3]-绿色主题弹窗公告html代码 - 日出资源网-日出资源网
演示图
注意 1 本网站名称:日出资源网
2 本站永久域名:www.rnmcnm.com
3 如图片或链接或内容失效等问题请联系站长或评论区留言,我每天都在线以效率为主更新~
© 版权声明
THE END
喜欢就支持一下吧
点赞8 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容