js移动端浮窗广告

要实现移动端浮窗广告，可以使用以下步骤：

1. 创建一个 div 元素，用于显示广告内容。
2. 设置该 div 元素的样式，使其透明，并且固定在屏幕某个位置（例如右下角）。
3. 使用 JavaScript 监听滚动事件，当用户滚动页面时，改变广告 div 元素的位置，使其始终保持在屏幕可见区域。
4. 如果需要关闭广告，可以在广告 div 元素中添加一个关闭按钮，并使用 JavaScript 监听点击事件，当用户点击该按钮时，隐藏广告 div 元素。

以下是一个简单的示例代码：

<div id="floating-ad" style="position: fixed; bottom: 10px; right: 10px; opacity: 0.8;">
  <img src="ad.jpg" alt="广告图片" style="width: 100%; height: auto;">
  <button id="close-btn" style="position: absolute; top: 5px; right: 5px;">关闭</button>
</div>

<script>
  const adDiv = document.getElementById('floating-ad');
  const closeBtn = document.getElementById('close-btn');
  
  window.addEventListener('scroll', () => {
    adDiv.style.bottom = '10px';
    adDiv.style.right = '10px';
  });
  
  closeBtn.addEventListener('click', () => {
    adDiv.style.display = 'none';
  });
</script>

请注意，浮窗广告对用户体验有一定影响，应该谨慎使用。同时，为了避免广告对页面内容的遮挡，应该将广告 div 元素的 z-index 属性设置为一个较小的值。