• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:このタグで文字の大きさを変えたいのですが、、、、)

文字色をリアルタイムに変える

このQ&Aのポイント
  • 文字の大きさを変えたい
  • JavaScriptを使用して文字の色をリアルタイムに変更する方法
  • 文字の色を変えるためのスクリプトのサンプルコード

質問者が選んだベストアンサー

  • ベストアンサー
  • aiko_bapy
  • ベストアンサー率30% (34/112)
回答No.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>

hikarika1
質問者

お礼

回答ありがとうございました、希望どうりにできました、ありがとうございました。

関連するQ&A