文字のグラデーション/JavaScript

Home | JavaScript目次 | リンクで画像 | グラデーション | 雪を降らせる

テキスト（文字）にグラデーションをかけます

"■" の24個の文字が暗から明にグラデーションされています。

JavaScriptサンプルソース

ヘッダ部にスクリプトを記述します。

<script type="text/javascript">
<--
function gradText(str)
{
      p=16/str.length;
      for(i=0; i<str.length; i++)
      {
        pt = Math.floor(p*i);
        n="0123456789abcdef".charAt(pt);
        c="#"+n+n+"0000";
        document.write(str.charAt(i).fontcolor(c));
       }
}
//-->
</script>

HTMLサンプルソース

<body>
<script type="text/javascript">
<!--
gradText("■■■■■■■■■■■■■■■■■■■■■");
//-->
</script>
</body>

初版更新日 2002/8/17

◆ 文字のグラデーション