Customize in Ninja Blog

文字色を七色に変化させるスクリプトを使って何かできないかな～と思案したもの。

文字色サンプル▼

このように色が変化します

実際のスクリプト▼

<script language="JavaScript" type="text/javascript">
// 変化させる文字を指定しています。独自タグ使用可。
myChengeFont= "ここに入力された文字が虹色に変化します。"
// 変化する色コードを指定しています。数の増減も可。
myColor = new Array("#ff9999", "#ffcc99" , "#ffff99" , "#ccff99" , "#99ff99" , "#99ccff" , "#cc99ff");
for (i=0; i < myChengeFont.length; i++) {
    myStyle = myChengeFont.charAt(i);
    myNum = i % myColor.length ;
    document.write(myStyle.fontcolor(myColor[myNum]));
    }
</script>

赤い字で表示されたところに入力された文字が虹色に変化します。

とまぁこれはどこにでもある文字色の虹色表示のスクリプトなのですが、これを利用すると画像を使わなくてもカラフルなテンプレができるかな～と思いまして

たとえば赤い文字のところを<!--$g_title-->として、テンプレートの<!--$g_title-->を探してjavascriptごと置き換えればブログタイトルが虹色になります。
リンクの関係上ブログタイトルで使うのはちょっと難しいかもですが(^^;)

お勧めはプラグインのタイトル。赤い文字のところを<!--$plugin_title-->としてjavascriptを作ります。
実際に入れてみたのが▼

<script language="JavaScript" type="text/javascript">
myChengeFont= "<!--$plugin_title-->"
myColor = new Array("#ff9999", "#ffcc99" , "#ffff99" , "#ccff99" , "#99ff99" , "#99ccff" , "#cc99ff");
for (i=0; i < myChengeFont.length; i++) {
    myStyle = myChengeFont.charAt(i);
    myNum = i % myColor.length ;
    document.write(myStyle.fontcolor(myColor[myNum]));
    }
</script>