html悬浮广告

HTML 悬浮广告一般使用 CSS 和 JavaScript 实现。以下是一个简单的例子：

HTML 代码：

<div class="ad-container">
  <div class="ad-content">
    <img src="your-ad-image.jpg" alt="Your Ad">
  </div>
</div>

CSS 代码：

.ad-container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}

.ad-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

JavaScript 代码：

const adContainer = document.querySelector('.ad-container');
const closeButton = document.createElement('button');

closeButton.innerHTML = '×';
closeButton.classList.add('close-button');
adContainer.appendChild(closeButton);

closeButton.addEventListener('click', () => {
  adContainer.style.display = 'none';
});

以上代码实现了一个在页面底部悬浮的广告，当用户点击关闭按钮时，广告会消失。你需要将 `your-ad-image.jpg` 替换成你自己的广告图片。