HTML网页做一个自动浮动并移动的站点出售的飘窗

您可以使用 HTML、CSS 和 JavaScript 来创建一个浮动并移动的站点出售的飘窗。

首先，在 HTML 中创建一个 div 元素，用于包含站点出售的飘窗内容。然后，使用 CSS 设置该 div 元素的样式，将其位置设置为固定，并将其 z-index 属性设置为较高的值，以确保它始终在顶部。

接下来，使用 JavaScript 监听窗口滚动事件，并在滚动时将该 div 元素的位置设置为固定的偏移量。您也可以使用 JavaScript 添加动画效果，使飘窗移动时更加平滑。

以下是一个示例代码：

HTML：

<div class="floating-banner">
  <h2>站点出售</h2>
  <p>点击联系我们了解更多信息！</p>
  <button>Contact Us</button>
</div>

CSS：

.floating-banner {
  position: fixed;
  z-index: 999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  text-align: center;
}

JavaScript：

window.addEventListener('scroll', function() {
  var banner = document.querySelector('.floating-banner');
  var offset = window.innerHeight / 2;
  var top = offset + window.pageYOffset;

  banner.style.top = top + 'px';
});

请注意，上述示例代码仅用于演示目的，您需要根据实际情况进行修改和优化。