JavaScriptを使った初歩的なテクニック。マウスオーバーした際に画像を切り替える方法を紹介します。 使用するのはJavaScriptの[on mouse]属性です。 今回は[onmouseover]と[onmouseout]を使い、それぞれ、画像にマウスカーソルが乗ったとき(マウスオーバー)と画像からポインタが離れたとき(マウスアウト)の動作を指定していきます。 具体的な例としてサンプルのコードを書いてみましょう。 <a href="https://on-ze.com"> <img src="images/sample-01.png" onmouseover="this.src='images/sample-02.png'" onmouseout="this.src='images/sample-01.png'" /> </a> コードの中の[this]は、「イベントが発生した場所」