雪(上から下へゆっくりと) |
説 明 | 雪が上から下へゆっくりと降ります。雪の画像をレイヤー(DIVタグ)の背景画像として使用する事で少ないデータ量で雪を降らせています。 |
---|---|
注意事項 | 下記サンプルの赤字部分が画像の縦のピクセル幅、青文字が雪の落下幅(ピクセル単位)、紫文字が雪の落下速度(1秒=1000)、緑文字が雪の画像ファイル名、になっています。それぞれの状況に応じて書き換えてください。 |
■動作雰囲気チェック >>実行 |
|
サンプル |
<html> <head> <title>雪</title> <script language="JavaScript"><!-- dy = 1; // 移動速度 iy = 128; // 雪の画像の縦のピクセル幅 y = -iy; function snowMove() { y += dy; if (y > 0) y = -iy; snow.style.pixelTop = y; } // --></script> </head> <body bgcolor="black" text="white" onLoad="setInterval('snowMove()',100)"> <div id="snow" style="position:absolute;left:0px;top:-64px;width:200%;height:200%;background-image:url(snow.gif);"> </div> ゆっくりと雪が降ります。<br> </body> </html> |