| コード |
<![CDATA[
<html>
<head>
<title>複数文字の色を連続して変える</title>
<script language="JavaScript"><!--
startCol = 0;
function gradText(tObj)
{
txt = document.all[tObj].innerText;
col = startCol = (startCol + 16) & 0xFF; // １６段階に変化
str = "";
for (i=0; i<txt.length; i++)
{
cStr = "00000" + (col += 8).toString(16);
cStr = cStr.substring(cStr.length-6,cStr.length);
str += "<font color='#"+cStr+"'>" + txt.charAt(i) + "</font>";
}
document.all[tObj].innerHTML = str;
}
// --></script>
</head>
<body onLoad=setInterval("gradText('myText')",100);>
複数文字の色を連続して変えます。どんな感じになるでしょうか？<br>
<div id="myText">
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
</div>
</body>
</html>
]]>
|
複数文字の色を連続して変える