ウィンドウを揺らす


動作ブラウザ 【 IE:4.0  NN:4.0
Internet Explorer Netscape Navigator DreamPassport iCab
3.0x 4.0x 4.5 5.0x 5.5 2.0x 3.0x 4.0x 4.x 6.0 2 3 2.x
Windows × - × × - × -
Macintosh × - × × - -
UNIX - - - - - × × - - -
Dreamcast - - - - - - - - - - × × -

ポイント x = new Array( 10, 3,-6, 8,-10,-7,5,-3,0,0,0,0,0,0,0,0,0,0,0,0); y = new Array(-12, 6,-3,10, -9,-2,8, 2,0,0,0,0,0,0,0,0,0,0,0,0); if (x[count] != 0) moveBy(x[count],y[count]); setTimeout("purupuruWin()",100);
説  明 ウィンドウを揺らすには、あらかじめ揺らす大きさを配列に入れておきます。配列に格納する数値の合計が0になるようにしないと、ウィンドウが少しずつずれて移動してしまいます。ウィンドウを現在の位置から移動させるにはmoveBy()を使います。moveBy()はウィンドウを相対的に移動させます。あとは、一定時間繰り返せば、ウィンドウが揺れるようになります。
サンプル <html> <head> <title>ウィンドウを揺らす</title> <script Language="JavaScript"><!-- x = new Array( 10, 3,-6, 8,-10,-7,5,-3,0,0,0,0,0,0,0,0,0,0,0,0); y = new Array(-12, 6,-3,10, -9,-2,8, 2,0,0,0,0,0,0,0,0,0,0,0,0); count = 0; function purupuruWin() { if (x[count] != 0) moveBy(x[count],y[count]); count++; if (count >= x.length) count = 0; setTimeout("purupuruWin()",100); } // --></script> </head> <body onLoad="purupuruWin()"> ウィンドウを揺らす </body> </html>
補足説明 なし

■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!

写真素材 PIXTA