マウスを置くと画像が変わる

HOME > HTMLの小技 > マウスを置くと画像が変わる


サンプル

←サンプルです、マウスを載せて見てね。

ソース<body>から</body>の間に記入

<img src='マウスを載せる前の画像のURL' onMouseOver=this.src='マウスを載せた時の画像のURL' onMouseOut=this.src='マウスを載せた後の画像のURL'>

■リンクも可能

←サンプルです、マウスを載せて見てね。

<a href="移動先のURLを記入">
<img src='マウスを載せる前の画像のURL' onMouseOver=this.src='マウスを載せた時の画像のURL' onMouseOut=this.src='マウスを載せた後の画像のURL'></a>

[HOME]