このページのナビゲーション トップページ   javascript  
文字の色が変化します

下の青い部分をコピーしてタグ内に記入すると上のように表示されます

<html> <head> <title>タイトル</title> </head> <body onload=take()> <script type="text/javascript"> i = -1; moji = new Array(); moji[0] = "#999999"; moji[1] = "#888888"; moji[2] = "#777777"; moji[3] = "#666666"; moji[4] = "#555555"; moji[5] = "#444444"; moji[6] = "#333333"; moji[7] = "#222222"; moji[8] = "#111111"; moji[9] = "#000000"; function take() { i = i + 1 document.all("roji").style.color = moji[i] if (i > 10) {i = -1} window.setTimeout("take()",90); } </script> <div align=center id=roji font style="font-size: 18"> 文字の色が変化します </div> </body> </html>

<body>〜</body>間 <body 内>

解説: setTimeoutのイベントで速度の調整

javascriptの説明

目指そう!物知り博士TOPへ

↑このページの先頭へ