悬停时图像更改

Question

嗨，我有一个像这样设置的HTML图像：

<input id="img" type="image" src="">

如何在悬停时更改src？

Answer 1

试试这个：

<script type="text/javascript">
$(document).ready(function(){
   $("#img").hover(function(){
      $(this).attr("src","img1.jpg");
   },function(){
      $(this).attr("src","img2.jpg");
   });
});
</script>
<input id="img" type="image" src="">

Answer 2

期待一件物品悬停在我身上，我建议：

   $('.item').mouseover(function (e) {
    var id = $(this).val();
    $("#img").attr("src",id);
  });

Answer 3

将jQuery用于此标记

<input id="img1" type="image" src="">

$("#img1").hover(function() {
  $(this).addClass("blue");
}, function() {
  $(this).removeClass("blue");
});

在css类中，您可以为此输入图像标记编写src。