移动鼠标后更改导航栏中选项卡的背景色

<nav>
  <ul>
    <li class="active">选项1</li>
    <li>选项2</li>
    <li>选项3</li>
    <li>选项4</li>
  </ul>
</nav>

nav ul {
  list-style: none;
  display: flex;
}

nav li {
  padding: 10px;
  background-color: #ccc;
  cursor: pointer;
}

nav li.active {
  background-color: #ff0000;
}

const navItems = document.querySelectorAll('nav li');

navItems.forEach(item => {
  item.addEventListener('mousemove', () => {
    navItems.forEach(item => item.classList.remove('active'));
    item.classList.add('active');
  });
});