在网站中常常需要使用广告来实现盈利,其中一种常见的广告形式是右下角弹出广告。下面是一段HTML代码,可以实现右下角弹出广告:
<div id="ad-container" style="position: fixed; bottom: 0; right: 0; z-index: 9999;"> <div id="ad-banner" style="background-color: #007bff; color: #fff; padding: 10px;"> <p>这是一则广告内容</p> <div id="close-btn" style="position: absolute; top: -5px; right: -5px; font-size: 20px; cursor: pointer;">x</div> </div> </div> <script type="text/javascript"> document.getElementById('close-btn').addEventListener('click',function() { document.getElementById('ad-container').style.display = 'none'; }); </script>
元素作为广告容器,并设置其样式,让其位于页面底部右侧并始终保持在最上层。广告实际内容在
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。