Twinkle Trail Script
IE4up NS6up
スタイルシート + JavaScript
●★（もしくは設定した文字列）がマウスの動きを追いかけます。
●画像を使用せず文字を使用しているので軽い(?)。
●色がランダムに変えられる。
●大きさがマウスの移動距離に応じて変わる。
●パラメーターを変えることによっていろいろな表現ができる。
●残念ながらIE4upのみに対応。（ネットスケープではどうしてもできんかった(TT)）
●IE4以上、ネットスケープ6以上に対応。
■使い方
1.ページの<HEAD> 〜 </HEAD>の間にこのスクリプトを挿入します。
2.ページの<BODY>〜</BODY>の間に以下を挿入します。
<SCRIPT LANGUAGE="JavaScript">
<!--
stUp();
//-->
</SCRIPT>
■パラメータ
赤字の部分が変更箇所です。
var words = "★★★★★★★★★★★";
表示したい文字列を設定します。
var fsmax=18;
最大のフォントサイズを指定します。
var fsmin=6;
最小のフォントサイズを指定します。
var zoom_random = false;
true でランダムにフォントサイズを変えます。 false はスムースにフォントサイズを変えます。
var tg=20;
移動係数、値を大きくすると最大フォントになるまでのマウス移動距離が長くなります。
var mg_x=10;
文字列の間隔 X、横方向への各文字の間隔を設定します。
var mg_y=0; //
文字列の間隔 Y、縦方向への各文字の間隔を設定します。
var of_x=10; //
オフセット X、最初の文字とマウスポインタとの距離、横方向。
var of_y=20; //
オフセット Y、オフセット X、最初の文字とマウスポインタとの距離、縦方向。
var tr_speed=100;
数字を大きくするとマウスをゆっくり追いかけるようになります。
var ch_speed=200;
数字を大きくすると色/サイズを変える時間を長くします。
var cl= new Array(
"#99FF99",
"#9999FF",
"#FF9999",
"#FFCC33",
"#CCCCCC"
);
変化させたい色を#RRGGBB形式で指定します。いくつでも指定できます。
|
