電子書籍の厳選無料作品が豊富!

<html>
<head>
<title>文字にグラデーションをかけ1文字ずつ出力する</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>

A 回答 (1件)

str2 = str2 + "<font color='"+c+"'>" + sText.charAt(i) + "</font>";



この行の<font color='"+c+"'>にsizeを足してください
例えば
<font size='20' color='"+c+"'>
の様にします。
sizeの数字は任意に変更可能です。
注意として、サイズはダブルコーテーションではなくシングルで囲うようにしてください
    • good
    • 0
この回答へのお礼

非常に、適格なかいとうありがとうございました、解決致しました。

お礼日時:2003/04/03 16:45

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!