◆ 文字のグラデーション

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

"■" の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>


This Page is HTML4.01 Valid! 初版更新日 2002/8/17
Copyright(C) banban@scollabo.com