雪が舞い散るJavaScript「Snowfall」
冬ですね。サイトにも雪をふらせたくなってきましたね。
JavaScriptライブラリのjQueryプラグインSnowfall Pluginを使用すると、雪を舞い散らせることが可能です。
使用方法
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サンプルページ一覧
skuare.net