今回は７９回目です。
画像がふわふわ回ります。
画像がふわふわ回ります。
マウスの周りで画像がふわふわ回る
| 今回の効果は、マウスポインタの周りを画像がくるくる回るというものです。 過去の実験でマウスポインタに画像がついてくるというものや、７月の実験で６個の画像がマウスポインタの周りをくるくる回るというものがありましたが、今回のものは、１個の画像がゆっくりゆっくりマウスポインタの周りをふわふわ回るというものです。 今月も少しだけこの実験にお付き合い下さい。 |
 |
ポイント | ＜ＢＯＤＹ＞タグに onload="setInterval('moveIMG()',100)" onMousemove="mx=event.x;my=event.y" と入れます。 ここの１００という数字が回転の速さの指定になります。数字が大きいほど遅くなります。 ＜img src="hiroko02-08.gif" の「hiroko02-08.gif」の部分に回転させたい画像のファイル名を指定します。 この時、 name="flyIMG" style="position:absolute;" と書くのを忘れないで下さい。 |
|---|---|---|
 |
効果 | ＜img src= で指定した画像が onload="setInterval('moveIMG()',100)" で指定した速さで動きます。 |
 |
使い方 | 実際の実験画面のソースをご覧下さい。 |
今回の実験でわかったこと
| この効果はＩＥの６.０と、ネットスケープの７.０で確認しています。 Ｍａｃは確認していません。 今回の実験は、ネットスケープではできませんでした。 ご意見などありましたらメールを送って下さい。お待ちしています。
(E-mail:hiroko@ladys-page.com)
|
