雪が舞い散るJavaScript「Snowfall」

冬ですね。サイトにも雪をふらせたくなってきましたね。
JavaScriptライブラリのjQueryプラグインSnowfall Pluginを使用すると、雪を舞い散らせることが可能です。
雪が舞い散るJavaScript「Snowfall」サンプル

使用方法
Snowfall Pluginからsnowfall.jquery.jsをjQueryからjquery.jsをダウンロードします。
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="snowfall.jquery.js"></script>

そしてbody前に以下のscriptを記述します。
<script type="text/javascript">
$(document).snowfall({
flakeCount: 200, //雪の数
maxSpeed : 5, //最大速度
maxSize : 2 //最大の大きさ
});
</script>

上記のほかにも以下のようなオプションがあるようです。
・flakeColor
・flakeIndex
・minSize
・minSpeed

雪が舞い散るJavaScript「Snowfall」サンプル

sponsors

「雪が舞い散るJavaScript「Snowfall」」をシェアする

記事作成:
記事URL:

TOP > > > 雪が舞い散るJavaScript「Snowfall」