説明 ◆マウスストーカー◆
◇マウスストーカーのメニュー分類法 ◆Kurt Grigg文字・メニュー ◆マウスストーカー文字・メニュー ◆Kurt Grigg画像・メニュー ◆マウスストーカー画像・メニュー ◆マウス軌跡・メニュー
マウスを動かすと、動きに合わせていろいろなモノが付いてくるのがマウスストーカーです。
大きく分けて、画像が必要なものと、画像の代わりにフォント（文字）を使用するものの２種類があります。
そして「Kurt Grigg」作成のマウスストーカーが大量に存在します。
JavaScriptのソース中に「Kurt Grigg」の記述の無いモノもありますが、判明した分は分類します。（2015/07/17より）
JavaScriptの著作権については、そもそもネットスケープ以外に存在するのか？という疑問もありますが、たくさんの素晴らしいJavaScriptを作成された「Kurt Grigg」への敬意を、私は忘れたくありません。
なお、ドキュメント宣言が<!DOCTYPE html>では動かないモノにはHTML5が付いてます。
◇マウスストーカーのメニュー分類法
最初は「文字使用」「画像使用」の２分類だったのですが、「Kurt Grigg」作成のマウスストーカーが大量にあるので、４分類へ。その後「マウス軌跡」を入れて５分類にしました。●「文字使用」は「Kurt Grigg文字・メニュー」と、それ以外の「マウスストーカー文字・メニュー」
●「画像使用」は、「Kurt Grigg画像・メニュー」と、それ以外の「マウスストーカー画像・メニュー」
●「マウス軌跡・メニュー」については、文字・画像の混合です。
原本サイトでフリーで提供されていた画像については、そのまま載せてます。右クリックでお持ち帰りください。
◆Kurt Grigg文字・メニュー◆
「Kurt Grigg」作成と判明した、文字を使用したマウスストーカーです。| 回転虹色キラキラマウス | 虹色のキラキラ光る小さな星が、マウスの周囲を回転。古いブラウザ記述分を削除して、Firefoxでの動作可能とHTML5対応に改造。原本リンク有り。 |
| 動く時計 | カチコチ動く時計です。年、月日、曜日付き。削除可能な、時計を消すスイッチボタン有り。原本リンク有り。 |
| 動く時計-日本語 | 上記「動く時計」の日本語バージョンです。 |
| 円軌道文字のマウス | 文章が円軌道（Orbit）を描いてマウスの周りを回転。文字色はランダムな６パターン選択で、サイズも文章も変更可能。原本リンク有り。 |
| 波文字マウス | 文章が波のようにゆれながら付いてきます。文字色はランダムな６パターン選択で、サイズも文章も変更可能。原本リンク有り。 |
| 波と円の合体マウス | 上記の２つのJavaScriptを合体。波のようにゆれながら文章が付いてきて、マウスの静止で文章が円軌道を描いて回転します。 |
◆マウスストーカー文字・メニュー◆
文字を使ったマウスストーカーです。このページにも使ってますが、キラキラ星がこぼれます。これも文字のマウスストーカーです。
| 複数色のキラキラ星 | 原本名は「Tinkerbell Magic Sparkle」。このページでも使用。星の色はお好みで複数指定可能。修正版。2005年版と2013年版の原本リンク有り。 |
| 虹色のキラキラ星 | 上記の2013年版「Tinkerbell Magic Sparkle」。虹色にきらめくマウスストーカー。内容物無しでもHTML5で動作するように改造。2005年版と2013年版の原本リンク有り。 |
| 外部js用虹色のキラキラ星 | 上記の2013年版「Tinkerbell Magic Sparkle」の外部js用です。 |
| 文字複数で最後起点 | 「画像複数で最後起点」のマウスストーカーを改造。文字種類、文字サイズ、文字色が複数指定でき、透過やCSSでの影指定も可能なので、綺麗なマウスストーカーができます。 |
| 文字ハートでハート | 特殊文字を使用した小さなハートが集まって、ハート型になります。複数色指定で色はランダム並び。 |
| 回転する文字 | 文字で自由に作った文章が回転。文字の色もサイズも文章も変更可能。小さな★の文字を並べてキラキラ星にも。 |
| 横流れのリアル時計 | デジタル時計の数字の付いたマウスストーカー。数字が横に流れるような付き方です。 |
| 横流れ時計消したり付けたり | 上記をボタンクリックで消したり付けたりできます。 |
| 横流れ時計離したり付けたり | 上記をボタンクリックで離したり付けたりできます。 |
| 遊びたいマウス-雛形倶楽部- | マウスストーカーなのに、画面の端にマウスを置くとマウスから文字が離れて踊りだします。不思議な生き物のようです。 |
| 四角枠で遊ぶマウス-雛形倶楽部- | 上記を改造。枠線の四角いフレームがマウスから離れて踊りだします。 |
| 円枠で遊ぶマウス-雛形倶楽部- | 上記を改造。枠線の円のフレームがマウスから離れて踊りだします。 |
| 四角平面で遊ぶマウス-雛形倶楽部- | 上記を改造。平面の四角がマウスから離れて踊りだします。 |
| 円平面で遊ぶマウス-雛形倶楽部- | 上記を改造。平面の円がマウスから離れて踊りだします。 |
| マウスから文字の赤い泡 | マウスから文字の泡が噴き出すマウスストーカー。複数の文字、複数のサイズ、複数の色を指定でき、CSSで装飾できます。 |
| マウスから文字泡と画像魚 | 文字の泡を噴き出す魚のマウスストーカー。上記に、画像の魚を追加した仕様です。 |
| マウスのリアル時計 | リアルで動くデジタルの時計が、マウスの後から付いてくるマウスストーカー。装飾はCSSで。 |
| リアル時計消したり付けたり | 上記のマウスに付いたリアルで動くデジタルの時計を、ボタンクリックで消したり付けたりできます。 |
| リアル時計離したり付けたり | 上記のマウスに付いたリアルで動くデジタルの時計を、ボタンクリックで離したり付けたりできます。 |
| スポットライト・ボタン | マウスを動かすと、スポットライトが移動するマウスストーカーです。ボタンをクリックすると明るくなります。 |
| スポットライト・文章 | マウスを動かすと、スポットライトが移動するマウスストーカーです。リンク以外の画面をクリックすると明るくなります。 |
| ボカシ付スポットライト・ボタン | 上記のスポットライトの周囲にボカシを追加。ボタンをクリックすると明るくなります。 |
| ボカシ付スポットライト・文章 | 上記と同じくスポットライトの周囲にボカシを追加。リンク以外の画面をクリックすると明るくなります。 |
◇マウスストーカーのメニュー分類法 ◆Kurt Grigg文字・メニュー ◆マウスストーカー文字・メニュー ◆Kurt Grigg画像・メニュー ◆マウスストーカー画像・メニュー ◆マウス軌跡・メニュー
◆Kurt Grigg画像・メニュー◆
「Kurt Grigg」作成と判明した、画像を使用したマウスストーカーです。全件グローバル変数を削除済み：2016/07/28
| 泡の上るマウス(小→大) | マウスから大量の泡が噴き出ます。泡はマウス位置では小さく、だんだんランダムに大きくなります。旧ブラウザ対応分削除、全ブラウザ用に改造。原本リンク有り。 |
| 複数種類の泡の上るマウス(小→大) | 上記を改造して、画像種類を複数指定へ。その他に速度指定、泡の最大最小サイズの指定、ランダム透過指定が可能。 |
| 複数種類の画上るマウス(ランダム) | 上記改造。画像の大小サイズの変化がマウス位置からでの変化ではなく、ランダムで変化するようにしました。 |
| 複数種類の花が上るマウス(大→小) | 上記改造。画像の大小サイズの変化が逆で、マウス位置の画像サイズが大きく、画像が上るにつれランダムにだんだん小さくなります。 |
| 複種画上るマウス均等変化(小→大) | 上記改造。画像変化は小から大で、スムーズな均等変化。透過度もランダムではなく、均等変化です。 |
| 複種花上るマウス均等変化(大→小) | 上記改造。画像変化は大から小で、スムーズな均等変化。透過度もランダムではなく、均等変化です。 |
| 複種類の花マウス上下選択(小→大) | 上記改造。上るか降るかの選択可能。画像傾き指定追加。画像変化は小から大。上るだけより速度は遅め。 |
| 複種の花マウス上下選択(ランダム) | 上記改造。上るか降るかの選択可能。画像傾き指定追加。画像変化はランダム。上るだけより速度は遅め。 |
| 複種類の星マウス上下選択(大→小) | 上記改造。上るか降るかの選択可能。画像傾き指定追加。画像変化は大から小。上るだけより速度は遅め。 |
| 複の雪マウス上下選均等変(小→大) | 上記改造。上るか降るかの選択可能。画像傾き指定追加。画像変化は小から大で、スムーズな均等変化。透過も均等変化。上る専用より速度は遅め。 |
| 複の蝶マウス上下選均等変(大→小) | 上記改造。上るか降るかの選択可能。画像傾き指定追加。画像変化は大から小で、スムーズな均等変化。透過も均等変化。上る専用より速度は遅め。 |
| 目玉ストーカー | これも人気の、目玉がクルクルと追ってくるマウスストーカー。古いブラウザ対応分を削除して、HTML5用に改造。原本リンク有り。 |
◇マウスストーカーのメニュー分類法 ◆Kurt Grigg文字・メニュー ◆マウスストーカー文字・メニュー ◆Kurt Grigg画像・メニュー ◆マウスストーカー画像・メニュー ◆マウス軌跡・メニュー
◆マウスストーカー画像・メニュー◆
画像を使ったマウスストーカーです。| 画像１個で１個 | とてもシンプルなマウスストーカー。１個の画像で１個付き。2015/02/04：画像指定を、JavaScriptのソースの中で指定できるよう修正。 |
| 画像１個で後追いマウス | ゆっくりとマウスを追いかける速度変化付きの１個の画像。2015/08/29：使用JavaScriptを変更。 |
| 画像１個で複数 | １個の画像が残像のように付いてきて、止まると１個になります。2015/02/03：古いブラウザ対応分削除。旧透過指定を通常に変更。 |
| 連なる画像 | ６個の画像が連なって付いてきます。数値変更で、縦並びや横並びが可能。原本の画像付き。2015/05/012：古いブラウザ対応分削除。透過指定を追加。原本リンク有り。 |
| 連なる画像・サイズ設定 | 上記と同じソースですが、画像実寸ではなく、自由にサイズ指定した見本。 |
| 連なる画像・サイズ無し | 上記のソースから、サイズ指定部分を削除しました。画像は実寸表示です。 |
| 連なる画像・横幅設定 | 上記のソースから、横幅だけ指定可能に変更。縦幅は同比率で自動で変更します。思い通りの画像サイズが無い時に便利。 |
| 連なる画像・サイズ無連続 | サイズ指定部分を削除、さらに縦間隔と横間隔の２つを同時に０指定したので、マウスに連動して画像が連続して動作します。 |
| 追いかけニャンコ | 可愛い猫に癒される、人気のマウスストーカー。古いブラウザ対応分を削除して HTML5用に改造。原本サイトへのリンク有り。2015/11/08：大幅修正。 |
| 浮きたいマウス-雛形倶楽 | マウスストーカーなのに、画面の端にマウスを置くとマウスから画像が離れて踊りだします。画像サイズを連続変化。不思議な生き物のようです。 |
| 泳ぎたいマウス-雛形倶楽 | 上記を改造しました。画像サイズは実寸表示です。 |
| 華やかなマウス-GF作品- | マウスストーカーというよりも、マウスから華やかに渦を巻いて上がる画像の美しさを楽しんで下さい。2016/07/05：修正。 |
| 星屑マウス | 原本名はフェアリー・ダスト。１個だけの画像が大小に変化してキラキラと流れます。クリックで散らすことも可能。外部js部分は展開しました。 |
| リング画像のマウス | 複数の異なる画像がリング上に回転。ブラウザIE専用を、他ブラウザでの動作可能とHTML5対応に改造。画像の指定方法も簡単にしました。 |
| +CSSくるくるリングマウス | 上記を改造。CSS の「animation」を追加して、マウス画像が１個ずつクルクル回転する動きにしました。 |
| +CSS左右回転リングマウス | 上記を改造。CSS の「animation」を追加して、マウス画像が１個ずつ左右回転する動きにしました。 |
| リングの３Ｄマウス | 複数の異なる画像がリング上に回転。さらに立体的に回転します。原本を複数画像指定へ改造。原本リンク有り。 |
| 画像複数で最後起点 | ２つのJavaScriptを合体した、残像付きの複数の画像指定。最後尾が起点となって画像が連なり指定画像の１番最初が一番最後に表示。 |
| 消したり付けたり | 上記を改造して、ボタンクリックで、マウスストーカーの画像を消したり付けたりできるようにしました。。2015/04/16：ソースを少し簡略化。 |
| 離したり付けたり | 上記を改造して、ボタンクリックで、マウスストーカーの画像を離したり付けたりできるようにしました。。2015/04/16：ソースを少し簡略化。 |
| +CSSの後追いマウス | 「画像１個で１個」のマウスストーカーに、CSS の「transition」を追加して、マウス画像がワンテンポ遅れた面白い動きにしました。 |
| +CSSのふわふわマウス | 「画像１個で１個」のマウスストーカーに、CSS の「animation」を追加して、マウス画像がふわふわ揺れる動きにしました。 |
| +CSSのくるくるマウス | 「画像１個で１個」のマウスストーカーに、CSS の「animation」を追加して、マウス画像がクルクル回転する動きにしました。 |
| +CSSの振り子マウス | 「画像１個で１個」のマウスストーカーに、CSS の「animation」を追加して、マウス画像が左右に振り子のように揺れる動きへ。 |
| +CSSの左右回転マウス | 「画像１個で１個」のマウスストーカーに、CSS の「animation」を追加して、マウス画像が左右回転する動きへ。 |
| 画像複数で先頭起点 | 複数画像が付いてくるマウスストーカーで、先頭画像が起点となって画像が連なり、指定画像順に１番最初が最初に表示されます。 |
| 画像複数で停止消失 | 上記をさらに改造しました。マウスが停止すると画像が消え、動くとまた表示されます。 |
| 画像ハートでハート | 透過指定のできる小さなハートが集まって、ハート型になります。複数画像指定で画像はランダム並び。 |
| マウス方向で画像変化 | マウスの方向で画像の向きが変化します。8方向対応です。 |
◇マウスストーカーのメニュー分類法 ◆Kurt Grigg文字・メニュー ◆マウスストーカー文字・メニュー ◆Kurt Grigg画像・メニュー ◆マウスストーカー画像・メニュー ◆マウス軌跡・メニュー
◆マウス軌跡・メニュー◆
マウスが動くたびに画像が生まれていくような、マウスの軌跡を表示するマウスストーカーです。画像使用分と文字使用分があります。 2015/09/30：新設
| マウスから画像続々 | マウスから次々に画像が出てきてマウスの軌跡を表示し、指定表示数になるとマウス画像が消えていくマウスストーカー。原本リンク有り。原本名Splash Tracker。 |
| マウスから文字続々 | 上記の画像を文字へ変更。 |
| 枠内でマウスから蝶 | 指定領域の枠の中で、マウスから次々に複数種類の画像が出てきます。古い画像は消えていき、指定表示数を常に表示。原本名Splash Trackerを参考にした領域指定。 |
| マウスから画像続々ループ | マウスを停止させるとマウス画像は消え、マウスを再び動かすと再びマウス画像が表示。マウスの軌跡をループ表示します。原本リンク有り。原本名Kissing trail。 |
| 枠内でマウスから星出て消失 | 指定領域の枠の中で、マウスから次々に複数種類の画像が出てきます。マウス停止で画像は消えます。原本名Kissing trailの領域指定。 |