今日の人気記事

Webページの背景に雪を降らせる効果を「Flurry」

当ページのリンクには広告が含まれています。

jQuery Plugin » アニメーション » Webページの背景に雪を降らせる効果を「Flurry」

Webページの背景に雪を降らせる効果を実装するプラグイン「Flurry」を紹介します。

jQueryプラグイン「Flurry」

このプラグインを使えば、Web上に雪を簡単に降らせることができます。

オプションでは雪のサイズ、高さ、密度、スピード、風などを指定することができるので、さらさら降る粉雪や豪雪も作成することができます。

デモのしんしんと降り注ぐ美しい粉雪をご覧ください。

「Flurry」のデモ

デモのソース（HTML + jQuery）

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Flurryのデモでーす。">
<title>Flurry - jQuery Plugin Demo</title>
 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.flurry.js"></script>
 
<style>
body { background: darkblue; color: white; }
</style>
</head>
 
<body>
<h1>Flurryのデモでーす。</h1>
<p>粉雪ぃー♪</p>
<script>
$( document ).ready( function() {
  $().flurry({
    height: 1000,
    speed: 15000,
    wind: 200,
    variance: 100,
    large: 75,
    small: 25,
    density: 100,
    transparency: 0.4
  });
});
</script>
</body>
</html>

Flurry

jQueryプラグイン「Flurry」

デモのソース（HTML + jQuery）

関連記事（一部広告含む）