便利eelife Java Script

   戻る

文字色を刻一刻と切り替えます。

:赤 :緑 :青

ようこそ eelifeへ!! 検索と厳選リンク集のサイトです。



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY >
<P><INPUT type="radio" name="radio" onclick="mojiretu_chgclr('1');loop_msg()">:赤
<INPUT type="radio" name="radio" onclick="mojiretu_chgclr('2');loop_msg()">:緑
<INPUT type="radio" name="radio" onclick="mojiretu_chgclr('3');loop_msg()">:青
</P>
<DIV id="moji" style="font-weight : bold;">ようこそ eelifeへ!! 検索と厳選リンク集のサイトです。</DIV>
</BODY>

<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--
i = 0;
function mojiretu_chgclr(n){a=n;}

function loop_msg(){
str="0123456789ABCDEFEDCBA987654321";
msg = document.all["moji"].innerText;
v = str.charAt(i);
                               // 色の変更
if(a==1){msg1=msg.fontcolor("#"+v+v+"0000");}//赤
if(a==2){msg1=msg.fontcolor("#"+"00"+v+v+"00");}//緑
if(a==3){msg1=msg.fontcolor("#"+"0000"+v+v);}//青
document.all["moji"].innerHTML = msg1;
i++;
if (i> str.length) i = 0;
setTimeout("loop_msg()",100);
}

// -->
</SCRIPT>
コメント
赤,#FF0000 緑,#00FF00 青,#0000FF のFFの部分の数値を変えて色を変化させます。

カラーコード
length
charAt(i)