<SCRIPT language="JavaScript">
<!--
mozi_i = '
このように...';
i = 0;
function mozi(){
i++;
document.getElementById('text').innerHTML = mozi_i.substring(0,i-1)+'
<SPAN STYLE="color:#ff3060;">'+mozi_i.substring(i-1,i)+'
</SPAN>'+mozi_i.substring(i,mozi_i.length);
if( i > mozi_i.length){i=0;}
setTimeout("mozi()",
100);
}
//-->
</SCRIPT>
<BODY onLoad="mozi();">
<SPAN ID=text>このように...</SPAN>
色以外にも太文字にしたり、文字のサイズをでかくしたり色々なことができます。
また、ちょっとした工夫で隠しリンクを応用したり、左右に画像を載せたりして遊ぶことも可能です。
たとえば、下記のタグを利用したら文字が太文字になります。[サンプル無し]
ただし、この小技は同じページに二つ設置することができないので、一ページに一つの小技のみにしてください。
<SCRIPT language="JavaScript">
<!--
mozi_i = '
このように...';
i = 0;
function mozi(){
i++;
document.getElementById('text').innerHTML = mozi_i.substring(0,i-1)+'
<B>'+mozi_i.substring(i-1,i)+'
</B>'+mozi_i.substring(i,mozi_i.length);
if( i > mozi_i.length){i=0;}
setTimeout("mozi()",
100);
}
//-->
</SCRIPT>
<BODY onLoad="mozi();">
<SPAN ID=text>このように...</SPAN>