フィルタの操作・２

下のプログラムをコピーして、お使い下さい。

<HTML>
<HEAD><TITLE>フィルタの操作・２</TITLE>
</head>

<body>
<p><strong><font color="#373737" size="5">フィルタ：Shadow</strong></font><br>基本形：<
span style="width:100%;filter:shadow(color=blue,direction=45);">文字</span></p>

<hr>
<div align="center"><center>
<table border="1" cellspacing="1" bgcolor="#f0fff0">
  <tr>
     <td>文字の大きさ：
     <select id="size">
     <option value="10">10 pt
     <option value="20">20 pt
     <option value="30">30 pt
     <option value="40">40 pt
     <option selected value="50">50 pt
     <option value="60">60 pt
     <option value="70">70 pt</select></td>
     <td>[direction]影の向き(角度)：
     <select id="direc">
     <option value="0">上
     <option selected value="45">右斜め上
     <option value="90">右
     <option value="135">右斜め下
     <option value="180">下
     <option value="225">左斜め下
     <option value="270">左
     <option value="315">左斜め上</select></td>
     <td align="center"><input type="button" value="   表 示   " onclick="Test()"></td>
  </tr>
</table>
</center></div>
<div align="center"><center>
<table border="0" bgcolor="#f0f0ff" width="580" height="130">
  <tr>
     <td><span id="test" style="width:100%;color:#00007a;font-size:50pt;text-align:center;filter:shadow(color=#0000a0,direction=45);">JavaScript</span></td>
  </tr>
</table>
</center></div>

</BODY>
</HTML>

JavaScriptについて

この上の例では、簡単に使用できます。書き換えてご使用下さい。