使用Jquery将鼠标悬停在2张图片上

<script src="https://cdn.jsdelivr.net/jquery/3.6.0/jquery.min.js"></script>

<img src="image1.jpg" class="hover-image" id="image1">
<img src="image2.jpg" class="hover-image" id="image2">

$(document).ready(function() {
  $(".hover-image").hover(
    function() {
      // 鼠标悬停时的操作
      var imageId = $(this).attr("id");
      console.log("鼠标悬停在图片" + imageId);
      // 在这里可以添加你想要的操作，例如显示一个提示框或者改变图片的样式等
    },
    function() {
      // 鼠标离开时的操作
      var imageId = $(this).attr("id");
      console.log("鼠标离开了图片" + imageId);
      // 在这里可以添加你想要的操作，例如隐藏提示框或者恢复图片的样式等
    }
  );
});