如何在鼠标悬停时突出显示功能？

.hover-effect {
  /* 定义悬停时的样式 */
  background-color: yellow;
  font-weight: bold;
}

// 获取需要添加悬停效果的元素
var element = document.getElementById("hover-element");

// 添加鼠标悬停事件监听器
element.addEventListener("mouseover", function() {
  // 在鼠标悬停时添加样式
  element.classList.add("hover-effect");
});

// 添加鼠标离开事件监听器
element.addEventListener("mouseout", function() {
  // 在鼠标离开时移除样式
  element.classList.remove("hover-effect");
});