※ ChatGPTを利用し、要約された質問です（原文：このタグはグラデーションですが、文字が小さくて困っています。）
文字にグラデーションをかけ１文字ずつ出力する
このQ&Aのポイント
文字にグラデーションをかけて１文字ずつ出力する方法を解説します。
JavaScriptを使用して、文字列をグラデーションに変換し、１文字ずつ表示させることができます。
グラデーションの色は文字数に応じて変化し、効果的な表示が可能です。
このタグはグラデーションですが、文字が小さくて困っています。
<html>
<head>
<title>文字にグラデーションをかけ１文字ずつ出力する</title>
<script Language="JavaScript"><!--
str = "■■■■■■■■■■■■■■■■■■■■■■■■■■";
count = 0;
function setText1()
{
if (count > str.length) return;
count++;
txt = str.substring(0,count);
txt2 = gradTextConv(txt);
if (document.all) document.all["outText"].innerHTML = txt2;
if (document.layers)
{
document.layers["outText"].document.open();
document.layers["outText"].document.write(txt2);
document.layers["outText"].document.close();
}
setTimeout("setText1()",100);
}
function gradTextConv(sText)
{
p = 16 / str.length;
str2 = "";
for (i=0; i<sText.length; i++)
{
pt = Math.floor(p*i);
n = "0123456789ABCDEF".charAt(pt);
c = "#"+n+n+"0000";
str2 = str2 + "<font color='"+c+"'>" + sText.charAt(i) + "</font>";
}
return str2;
}
// --></script>
</head>
<body bgcolor="white" onload="setText1()">
<div id="outText" style="position:absolute;top:50px;left:5px;"></div>
</body>
</html>
お礼
非常に、適格なかいとうありがとうございました、解決致しました。