js 底部悬浮图片广告 ，可以关闭

可以的，你可以通过以下步骤来实现底部悬浮图片广告并且可以关闭：

1. 在 HTML 文件中创建一个底部悬浮的容器元素，并在其中添加一个关闭按钮和图片广告元素。

<div class="ads-container">
  <div class="ads-close">X</div>
  <img src="path/to/image.jpg" alt="Ad Image">
</div>

2. 在 CSS 文件中设置底部悬浮容器的样式，将其定位在页面底部，并设置其 z-index 值，以便它显示在其他页面元素的上方。同时，设置关闭按钮的样式，使其显示在容器的右上角。

.ads-container {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background-color: #fff;
  padding: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.ads-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  cursor: pointer;
}

3. 在 JavaScript 文件中添加关闭按钮的点击事件，以便当用户点击关闭按钮时，隐藏广告容器。使用 JavaScript 的事件委托机制，可以减少事件处理程序的数量，并使代码更易于维护。

document.addEventListener('click', function(event) {
  if (event.target.classList.contains('ads-close')) {
    event.target.closest('.ads-container').style.display = 'none';
  }
});

这样，你就可以在页面底部添加一个悬浮的图片广告，并且用户可以通过关闭按钮来关闭它。