imgタグ画像をJavaScriptのonMouseOverで表示切り替え

JavaScriptのonMouseOver属性を使用してhtmlソース内に記述した画像の表示を、マウスオーバーのときに違う画像を表示させることができる。

<img src="画像パス1" alt="" onMouseOver="this.src='画像パス1'" onMouseOut="this.src='画像パス2'">

このように指定することで、普通に表示されているときは画像1が表示され、その画像にマウスオーバーさせると画像2に切り替わる。
JavaScriptでの指定は幅広くhtmlに組み込めるので面白い。