ロールオーバーで遊ぼう
おすわりと言いながらポイント↓
| ロールオーバーとは、マウス・ポインタが文字や画像の上にくると、 別の文字や画像に入れ替わる表示効果です。 ロールオーバーは、2つのイメージから構成されます。 １.通常時の画像：(最初に表示されるイメージ) ２.マウスポインタが上にきた時の画像：(移動すると表示されるイメージ) |
| まずは、２つの画像を右クリック「名前を付けて画像を保存」で持ち帰ってね |
| （その時、２つの画像の画像の大きさは同じの方がキレイに仕上がるよ） |
| １ | ２ |
|
 |
| image2407.gif | image2421.gif |
<img src="最初に表示する画像" onMouseOver="this.src='マウスをのせた時に表示したい画像'" onMouseOut="this.src='マウスが離れた時に表示する画像'">
| ソースに自分がロールオーバーさせたい画像を入れて 最初に表示する画像→image2407.gif マウスをのせた時に表示したい画像→image2421.gif マウスが離れた時に表示する画像→image2407.gif |
| ＜body＞〜＜/body＞の間に貼り付けてね |
ポイントしてみて↑
おりこうさんのわんちゃんがの出来あがり(*^^*)