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

このタグには jQuery を使用します

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

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

css クラスでは、この入力イメージ タグに src を記述できます。

Answer 3

アイテムがホバーされることを期待して、これを提案します：

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