雪を降らす事ができるjQueryプラグイン「JQuery-Snowfall」!

2015/10/11

こんにちは。
今回は雪を降らす事ができるjQueryプラグイン「JQuery-Snowfall」!です。

もうそろそろ冬になるので、Webサイトに雪を降らす事ができるjQueryプラグインを紹介したいと思います。

雪を降らす事ができるjQueryプラグイン「JQuery-Snowfall」!

JQuery-Snowfall

jquery-snowfall

 

jQueryプラグイン「JQuery-Snowfall」をダウンロード

https://github.com/loktar00/JQuery-Snowfallにアクセスして右にある「Download ZIP」のボタンをクリックしてダウンロードします。

 

jQueryプラグイン「JQuery-Snowfall」の使い方

jQuery本体とsnowfall.jquery.jsを/bodyの手前に読み込みます。

 

その下に下記のスクリプトを記述します。
これがデフォルトになります。

 

オプションを追加するとこんな感じになります。

 

オプション一覧です。

flakeCount
雪の量を数値で記述します。
flakeColor
雪の色をカラーコードで記述します。
flakeIndex
雪の重なり順(z-index)を記述します。
minSize
雪の最小サイズを数値で記述します。
maxSize
雪の最大サイズを数値で記述します。
minSpeed
最低速度を数値で記述します。
maxSpeed
最高速度を数値で記述します。
round
雪を丸にするかどうかをtrueかfalseで記述します。
shadow
雪に影を付けるかどうかをtrueかfalseで記述します。

 

プラグインを使わないスキルを身につけたい人のためのjQueryテクニカルノート
プラグインを使わないスキルを身につけたい人のためのjQueryテクニカルノート

 

いかがでしたか。jQueryプラグイン「JQuery-Snowfall」を使って、Webサイトに雪を降らせてみてはどうでしょうか。
以上で雪を降らす事ができるjQueryプラグイン「JQuery-Snowfall」!でした。

Related Post

topへ戻る