Javascript Patchworker - 文字色が徐々に変化

このスクリプトについて
マウスポイント時に文字色をグラデーションさせます。今回は色の設定が単純にはいかないのでデフォルトのまま使用してもらっても問題ないつくりになっています。
また他のグラデーションのスクリプトとの併用はなるべく避けてください。

実行例
上のタイトルのグラデーションが完了してからマウスを乗せてください。
上のグラデーションと似たようなアルゴリズム・同じ変数を使用しているため、同時に動かすとエラーが生じます。
ラーメン
スパゲティ

関連

対応ブラウザ
WIN IE 4.0～ NN 6.0～　MAC IE 4.0～ NN 6.0～

サンプルソース

<html>
<head>
<title>文字色が徐々に変化</title>
<script type="text/javascript">
<!--
//ユーザが設定する変数----------------------------------
  var limit = 12; //色変化の上限
  var n = "C"; //色変化の際の定数値
//------------------------------------------------------

var objId; var fromColor; var id; var cnt = 0;

<p><strong id="spagetti" onMouseOver="colorChange('spagetti')" onMouseOut="colorBack('spagetti')">
スパゲティ</strong></p>
</body>
</html>

ユーザ設定
ユーザが設定する変数はlimitとnです。
limitには変化にかかる時間を設定します。0～15までの整数で指定してください。
nには変化のときに要となる色の強さを16進数で設定します。
数字を大きめにすると、グラデーションのような効果がつけられます。

また(X)の組み合わせを操作することで、他の色で様々な変化を楽しむことが出来ます。いろいろ試してみてください。

JavaScriptのTOPに戻る　　

TOPに戻る