在HTML中使用JS实现鼠标移动至DIV时使用浮窗显示预览内容，鼠标移走后恢复正常

可以通过以下代码实现：

<div onmouseover="showPreview(this)" onmouseout="hidePreview(this)"> 
  <!-- 需要显示预览内容的DIV -->
  <p>预览内容</p>
</div>

<div id="preview" style="display:none;"> 
  <!-- 预览浮窗 -->
  <p>预览内容</p>
</div>

<script>
  function showPreview(element) {
    // 获取需要预览的内容
    var previewContent = element.innerHTML;

    // 设置预览浮窗内容
    var previewElement = document.getElementById("preview");
    previewElement.innerHTML = previewContent;

    // 显示预览浮窗
    previewElement.style.display = "block";
  }

  function hidePreview(element) {
    // 隐藏预览浮窗
    var previewElement = document.getElementById("preview");
    previewElement.style.display = "none";
  }
</script>

当鼠标移动到需要显示预览内容的DIV时，会触发`showPreview`函数，此时会获取该DIV的内容并将其设置到预览浮窗中，并将预览浮窗显示出来。当鼠标移出该DIV时，会触发`hidePreview`函数，此时会将预览浮窗隐藏起来。