便利eelife Java Script

   戻る

文字の色を一文字ずつ変えます。

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



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY onload="hitomoji_chgclr()">
<P>文字の色を一文字ずつ変えます</P>
<P id="moji" style="font-weight : bold;">ようこそ eelifeへ!! 検索と厳選リンク集のサイトです。</P>
</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--
i = 0;
function hitomoji_chgclr(){
msg=document.all["moji"].innerText;
document.all["moji"].innerHTML = msg.substr(0,i)+"<font color='magenta'>" + msg.charAt(i) + "</font>"+msg.substr(msg.length-(msg.length-i-1),msg.length);
if(i<=msg.length){
i++;
}
else{
i=0;}
setTimeout('hitomoji_chgclr()',100);

}

// -->
</SCRIPT>
コメント
substr()
charAt()
length