javascript - 悬停时图像更改

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。