js浮动广告点击关闭代码是什么
时间: 2023-08-07 08:03:58 浏览: 150
以下是一种常见的实现方式:
HTML代码:
```
<div class="ad-container">
<div class="ad-content">
<!-- 广告内容 -->
</div>
<a href="#" class="ad-close">关闭</a>
</div>
```
CSS代码:
```
.ad-container {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 100px;
background-color: #f1f1f1;
z-index: 9999;
}
.ad-content {
float: left;
width: 80%;
height: 100%;
/* 广告内容样式 */
}
.ad-close {
float: right;
margin-top: 35px;
margin-right: 20px;
color: #666;
text-decoration: none;
font-size: 14px;
font-weight: bold;
}
```
JavaScript代码:
```
var adContainer = document.querySelector('.ad-container');
var adClose = document.querySelector('.ad-close');
adClose.addEventListener('click', function() {
adContainer.style.display = 'none';
});
```
当点击关闭按钮时,JavaScript代码会通过修改广告容器的样式来隐藏广告。需要注意的是,以上代码仅供参考,具体实现方式可能会因项目需求而有所不同。
阅读全文