网站底部悬浮弹窗广告带关闭按钮html代码

逛网站或是博客的时候，偶尔会看到一些弹窗广告，虽然有些烦但是有时候还是相当实用的，比如某些促销活动还剩几天的情况下可以投放此类广告，活动结束就关闭。
感觉这种形式的广告比较不错，自己研究了一下，参考了网上的一些内容，最终效果还不错，喜欢的老规矩收藏本站下载即可。
整体的广告窗口比较简单，就一张图片、一些宣传文字、一个关闭按钮和一个链接按钮，会一直悬浮在右下角的位置。
点击右上角的关闭按钮 就能暂时关闭这个广告弹窗，网页再次刷新或者打开页面就会重新出现。实现这个悬浮广告窗口的代码都很简单，都是HTML代码，具体如下：

<div id="ycxfxxk" style="display: block;width: 100%;height: auto;z-index: 1000;position: fixed;bottom: 30px;background: #fff;">
<div>
<a href="https://ymz.shengxiakj.cn" rel="nofollow noopener" target="_blank" rel="nofollow noopener"><span style="color: #f00;"></span>
		
	<img src="https://vip.helloimg.com/images/2023/11/17/ovDJyA.png" style="width: 100%;">
	</a>
	<!--<div style="max-width: 319px;float: right;margin-top: 5px;font-size: 14px;">文字广告 <strong style="color: #f00;">文字广告</strong>，文字广告 <strong style="color: #f00;">文字广告</strong>
	</div>-->
	<!--<div class="link" style="float: right;">
		<a href="https://ymz.shengxiakj.cn" rel="nofollow noopener" target="_blank" rel="nofollow noopener"><span style="color: #f00;"></span>
		</a>
	</div>-->
</div>
<div style="position: absolute;top: 0px;right: 0px;text-align: center;width:50px;line-height: 16px;background: #fff;border: 1px solid #63726f;font-size: 15px; cursor: pointer; padding-bottom: 2px;">
	<a style="color:#d10808"title="关闭" onclick="this.style.display='none';document.getElementById('ycxfxxk').style.display='none'" href="javascript:void(0)">关闭</a>
</div>
</div>

使用方法也很简单，替换以上代码中的图片、宣传文字及链接地址后直接复制修改后的代码粘贴到自己站点的 footer.php 文件中即可。当然，你也可以根据实际需求加以完善，比如屏幕小于多少 PX 时不显示，或只显示在首页就加一个判断等等。