javascript - 1 つのソースに 2 つの ONMOUSEOVER。Javascript

Question

バナー付きの JavaScript を作成しようとしています。バナーの上にマウスを置くと、別のバナーに変わります。その後、マウスアウトしても同じままになるはずです。その後、マウスを上に戻すと、元のバナーに戻るはずです。しかし、これを行う方法がわかりません。何かアドバイス？;

Answer 1

Javascript を使用する

<img onmouseover="changeImage()" id="myBanner" src="Images\image1.jpg"/>
<script>
 function changeImage(){
  if(document.getElementById("myBanner").src=="Images\image1.jpg"){
   document.getElementById("myBanner").src="Images\image2.jpg"
  }else{
   document.getElementById("myBanner").src="Images\image1.jpg"
  }
 }
</script>

これは、2 つの画像が互いに切り替わる場合に機能します。もっと使いたい場合は、関数に渡す変数と、switchすべてのオプションを通過する を使用することをお勧めします。