- ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:このタグで文字の大きさを変えたいのですが、、、、)
文字色をリアルタイムに変える
このQ&Aのポイント
- 文字の大きさを変えたい
- JavaScriptを使用して文字の色をリアルタイムに変更する方法
- 文字の色を変えるためのスクリプトのサンプルコード
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
以下のようにスタイルシートを使えば大丈夫だと思います。 ちなみにこれでは「30pt」(大きめ)になります。 <head> <title>文字色をリアルタイムに変える</title> <!--◆◆◆◆◆ココカラ◆◆◆◆◆--> <STYLE type="text/css"> <!-- div{font-size:30pt; } --> </STYLE> <!--◆◆◆◆◆ココマデを追加◆◆◆◆◆--> <script Language="JavaScript"><!-- count = 0; function changeColor(str) { txt = document.all["strID"].innerText; c = str.charAt(count); txt = txt.fontcolor("#"+c+c+"0000"); document.all["strID"].innerHTML = txt; count++; if (count > str.length) count = 0; setTimeout("changeColor('"+str+"')",100); } // --></script> </head> <body onLoad="changeColor('0123456789abcdefedcba987654321')"> <div id="strID" style="font-weight:900">ここの文字の色が変わるよ~ん</div> </body>
お礼
回答ありがとうございました、希望どうりにできました、ありがとうございました。