jquery hover图片

$(document).ready(function(){
  $("img").hover(
    function(){
      $(this).attr("src", "hover-image.jpg"); // 鼠标悬停时更换图片
    },
    function(){
      $(this).attr("src", "original-image.jpg"); // 鼠标离开时恢复原图
    }
  );
});

$(document).ready(function(){
  $("p").hover(
    function(){
      $(this).css("background-color", "yellow"); // 鼠标悬停时改变背景色
    },
    function(){
      $(this).css("background-color", ""); // 鼠标离开时恢复默认背景色
    }
  );
});

$(document).ready(function(){
  var hoverImage = new Image();
  hoverImage.src = "hover-image.jpg"; // 预加载图片

  $("img").hover(
    function(){
      $(this).attr("src", hoverImage.src);
    },
    function(){
      $(this).attr("src", "original-image.jpg");
    }
  );
});