6 |
表示 |
5 |
画像を入れ替えよう |
今回は画像を入れ替える命令をやってみよう。
この命令とよく似た命令をすでにJavaScriptでやっているので、JavaScriptを勉強した人はわかりやすいと思うよ。
今回の命令はそんなに難しくないよね。
srcというのは<IMG>タグの中にも出てきたね。
これは画像のURLを示しているんだ。
つまり,★の画像のURL(src)は■という意味だね。
プログラムを簡単に作ってみよう。
| <IMG
src="../../../sozai/icon/ikimono/124.gif" onmouseover="this.src='../../../sozai/icon/ikimono/123.gif'" ←マウスが乗ったとき onmouseout="this.src='../../../sozai/icon/ikimono/124.gif'"> ←マウスが離れたとき |
これを実行すると、
↑マウスが上に乗ると画像が切り替わる |
ほらね、簡単に出来たでしょ。