在鼠标悬停时更改所有导航链接

.nav-link {
  color: #000; /* 设置链接的默认颜色 */
  text-decoration: none; /* 去除下划线 */
}

.nav-link:hover {
  color: #f00; /* 设置链接的悬停颜色 */
  font-weight: bold; /* 设置链接的悬停字体加粗 */
}

var navLinks = document.getElementsByClassName("nav-link");

for (var i = 0; i < navLinks.length; i++) {
  navLinks[i].addEventListener("mouseover", function() {
    // 在鼠标悬停时改变链接的样式或显示内容
    this.style.color = "#00f"; // 改变链接的颜色为蓝色
    this.style.textDecoration = "underline"; // 添加下划线
  });

  navLinks[i].addEventListener("mouseout", function() {
    // 在鼠标离开时恢复链接的默认样式
    this.style.color = "#000"; // 恢复链接的颜色为黑色
    this.style.textDecoration = "none"; // 去除下划线
  });
}