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