合体14■Fl+Mv■ 合体14 落ち葉の舞う窓     UP日時 : 2015/12/07

窓の向こうに舞い踊る落ち葉が見える JavaScript です。
背景作成の JavaScript で作った窓は位置指定が固定なので、スクロールすると背景画像が移動するように見える効果があります。
落ち葉は「降る上る」ではなく「ふわふわ」の JavaScript の方を使用して、風の強さを表現しました。

注意するのは、落ち葉の JavaScript の「var inZ=-11; 」です。この数値は「-11」を指定して下さい。
この指定は、落ち葉を文章の上に降らせるか、文章の下に隠すかで、普通は「1」か「-1」を選択します。
しかし今回は窓の下に隠します。
窓を作成した JavaScript は背景用なので、ソースに「z-index:-10;」の指定が入っています。
だから落ち葉を窓より下(奥)にするためには「var inZ=-11; 」の指定が必要なのです。
もちろん窓の内側に降らせるなら、文章の上か下かで「1」か「-1」を選択して下さい。

■合体元JavaScriptはこちら→ kurt.grigg15■画像■複数の蝶が舞う背景作成16ブロック並べの背景I枠線の窓