是否可以悬停按钮并显示图像？

<button id="hover-button">悬停按钮</button>

#hover-button {
  /* 默认状态样式 */
}

#hover-button:hover {
  /* 悬停状态样式 */
}

#hover-button img {
  display: none; /* 初始隐藏图像 */
}

#hover-button:hover img {
  display: block; /* 悬停时显示图像 */
}

var hoverButton = document.getElementById("hover-button");
var image = document.getElementById("button-image");

hoverButton.addEventListener("mouseover", function() {
  image.style.display = "block"; // 鼠标悬停时显示图像
});

hoverButton.addEventListener("mouseout", function() {
  image.style.display = "none"; // 鼠标移出时隐藏图像
});