背景图像鼠标移过，开始按钮效果

.background-image {
  background-image: url("背景图像地址");
}

.start-button {
  /* 按钮样式 */
}

.start-button:hover {
  /* 鼠标移过时的样式 */
}

var backgroundImage = document.querySelector(".background-image");
var startButton = document.querySelector(".start-button");

backgroundImage.addEventListener("mousemove", function(event) {
  var rect = backgroundImage.getBoundingClientRect();
  var mouseX = event.clientX - rect.left;
  var mouseY = event.clientY - rect.top;

  if (mouseX >= startButton.offsetLeft && mouseX <= startButton.offsetLeft + startButton.offsetWidth &&
      mouseY >= startButton.offsetTop && mouseY <= startButton.offsetTop + startButton.offsetHeight) {
    startButton.classList.add("hover-effect");
  } else {
    startButton.classList.remove("hover-effect");
  }
});