悬浮夜间模式是一种用户体验很好的功能，特别是对于夜间使用电脑的用户而言。今天，我们将学习如何使用HTML代码实现悬浮夜间模式。

首先，在HTML文档中添加一个button按钮，用于用户点击来切换日/夜模式。代码如下：

  <button id="nightModeBtn">切换夜间模式</button>

接下来，我们需要使用CSS来定义日/夜两种状态下不同的样式。代码如下：

  body {
    /* 白天模式 */
  }

  body.night-mode {
    /* 夜间模式 */
  }

最后，我们使用JavaScript来监听按钮点击事件，并在点击时，切换body元素的类名，从而改变网页的样式。代码如下：

  const btn = document.getElementById('nightModeBtn');
  const body = document.querySelector('body');

  btn.addEventListener('click', function() {
    body.classList.toggle('night-mode');
  });

通过上述HTML、CSS和JavaScript代码，我们轻松地实现了悬浮夜间模式的功能。