完整的js漂浮广告代码

以下是一个简单的JS漂浮广告代码：

<div id="floating-ad">
  <img src="https://example.com/image.jpg" alt="Floating Ad">
  <button class="close-btn">X</button>
</div>

<script>
  var ad = document.getElementById("floating-ad");
  var closeBtn = ad.querySelector(".close-btn");

  // 点击关闭按钮隐藏广告
  closeBtn.addEventListener("click", function() {
    ad.style.display = "none";
  });

  // 监听窗口滚动事件
  window.addEventListener("scroll", function() {
    var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
    ad.style.top = scrollTop + "px";
  });
</script>

这个代码中，我们首先定义了一个带有图片和关闭按钮的广告容器，并为其设置了一个 id 属性。然后使用 JavaScript 获取该容器和关闭按钮元素，并为关闭按钮添加了一个点击事件监听器，在点击时隐藏广告容器。

接下来，我们为窗口滚动事件添加了一个监听器，以便在用户滚动页面时将广告容器“粘”在页面顶部。在监听器函数中，我们使用 `window.pageYOffset` 或 `document.documentElement.scrollTop` 来获取当前页面滚动距离，并将该值用于设置广告容器的 `top` 样式属性。

请注意，这只是一个简单的示例代码，可能需要根据您的具体需求进行适当修改。