複数文字の色を連続して変える

動作ブラウザ
Internet Explorer Netscape Navigator
4.0x 4.5 5.0x 5.5 6.0 4.x 6.0
Windows - × ×
Macintosh - - × ×
UNIX - - - - - × ×

解  説  文字をinnertTextを使って抜き出します。こうする事でタグに囲まれた、どんな文字でも対応することが出来ます。抜き出した文字を1文字ずつ色を付けます。これはfontタグで色を指定していき、最後にinnerHTMLを使ってHTMLタグごと書き出します。
コード <html> <head> <title>複数文字の色を連続して変える</title> <script language="JavaScript"><!-- startCol = 0; function gradText(tObj) { txt = document.all[tObj].innerText; col = startCol = (startCol + 16) & 0xFF; // 16段階に変化 str = ""; for (i=0; i<txt.length; i++) { cStr = "00000" + (col += 8).toString(16); cStr = cStr.substring(cStr.length-6,cStr.length); str += "<font color='#"+cStr+"'>" + txt.charAt(i) + "</font>"; } document.all[tObj].innerHTML = str; } // --></script> </head> <body onLoad=setInterval("gradText('myText')",100);> 複数文字の色を連続して変えます。どんな感じになるでしょうか?<br> <div id="myText"> ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ </div> </body> </html>

■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!