サイトの背景に夜空の星を表示することができるjQueryプラグインです。

マウスの動きに合せて、星が流れるような動きをします。

サンプルを作りましたので、サンプルを見ていただいたほうが早いかと。

星空を背景にするjQueryプラグイン「jQuery Starfield」サンプル

実際のところ、どういう場面で使えるのかすこし頭を抱えるところではあります・・。でも、アイデア次第でインパクトのある使い方ができるはず。

使用方法

まずはこちらのサイトから進んで、ファイル一式ダウンロードします。

次に</body>直前などに必要なファイルを読み込ませます。ファイル名やパスに注意。

<body>内に以下のように記述します。

オプションは以下のとおり。
・ starDensity (default 1.0): 星の多さ。
・ mouseScale (default 1.0): マウスに合わせた星の動きのスピード。
・ seedMovement (default true): ページが開いてからすぐに星をスクロールさせるか。falseだとマウスをのせるまでは動かない。

最後にサンプルのソースを書いておきます。どうぞご参考まで。

この記事と関連してると思われる記事:

    None Found