HOMEHTML一覧 ≫ 一文字づつ色を変える
 

一文字づつ色を変える

サンプル

HTMLのツボ〜超簡単にホームページ作り〜


 タグ

<SCRIPT language="JavaScript">
<!--
mozi_i = '表示する文字';
i = 0;
function mozi(){
i++;
document.getElementById('text').innerHTML = mozi_i.substring(0,i-1)+'
<SPAN STYLE="color:>RGB値;">'+mozi_i.substring(i-1,i)+'</SPAN>'+mozi_i.substring(i,mozi_i.length);
if( i > mozi_i.length){i=0;}
setTimeout("mozi()",文字が変わる速さ);
}//-->
</SCRIPT>

<BODY onLoad="mozi();">

<SPAN ID=text>表示する文字</SPAN>