吹雪

説  明
吹雪です。雪の画像をレイヤー(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>