●2016/03/07:即時関数で囲んで、グローバル変数を消しました。
「Autumn leaves(落ち葉が散る)」は「Kurt Grigg」の有名なJavaScriptのひとつです。
複数種類の画像が使用できることと、降る動きの横揺れが大きいことが特徴です。
そして原本には「何秒後に停止するか」という指定も付いています。
古いブラウザ対応分を削除し、HTML5でも動作可能に改造しました。
文章の上に画像が流れるか、文章の下に隠れるか(←この見本では隠れる)の指定も選択できます。
var stopafter=0;の 0 を数値にすると、その数値秒後に動作が停止します。(←この見本では0指定なので停止しない)
つまり var stopafter=30;にすると、30秒後に落ち葉が散らなくなります。
今回発見した原本は
こちらから。
ただし原本から1行削除してHTML4で動作可能にしましたが、それをしても原本はHTML5では動作不可です。
そして
原本では var stopafter=0;の「0指定は無効」です。
■2016/03/07:スクロール指定選択を削除して、position="fixed";(固定)で統一。
■2016/03/07:降る画像の最大横幅と縦幅を記述して、画像が降る領域の横幅、縦幅、top位置、left位置の指定を修正。