用javascript可以让图片产生阴影吗？类似Word 2000中的效果？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head><title></title>
<meta name="GENERATOR" content="Microsoft Visual Studio.NET 7.0">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<script></script>
<script id=clientEventHandlersJS language=javascript>
<!--function window_onload() {
tmp.style.filter="dropshadow(color=#777777,offx=5,offy=5,positive=1)";
}//-->
</script>
</head>
<body language=javascript onload="return window_onload()">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="120" ID="Table1">
<tr align="center">
<!--图换了就可以了--> 
<td id ="tmp" width="50%">
<img src="IND_059.gif" width="200" height="100">
</td>
<td style="filter:dropshadow(color=#FFF0DD,offx=5,offy=5,positive=1);">
<font face="Verdana"><b><font size="5" color="#FF9933">Dhtml 2000</font></b></font>
</td>
</tr>
</table></body>
</html>

解决方案 »

  1.   

    <html>
    <head>
    <META content="text/html; charset=gb2312" http-equiv=Content-Type>
    <title>滤镜</title>
      <style>
        div {font-family: 黑体; font-size: 45px; height: 64} //这个高度少不得
      </style>
    </head><body><div style="FILTER: shadow(color=blue,direction=225)">梅花雨</div>
    <div style="FILTER: shadow(color=red,direction=135)">梅花雨</div>
    <div style="FILTER: shadow(color=gray,direction=225)">梅花雨</div>
    <div style="FILTER: glow(color=#0000FF,strength=6)">梅花雨</div>
    <div style="FILTER: blur(add=ture,direction=135,strength=10); color:#FF0000">梅花雨</div></body>
    </html>
      

  2.   

    感谢楼上两位的回答我想做的是图片效果，FlashElf(闪) 的方法可以实现，但为什么我改成当onmouseover的时候我filter滤镜却不行，看不出来？
      

  3.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <!--拷贝看看!-->
    <html>
    <head><title></title>
    <meta name="GENERATOR" content="Microsoft Visual Studio.NET 7.0">
    <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
    <script></script>
    <script id=clientEventHandlersJS language=javascript>
    <!--function window_onload() {
    tmp.style.filter="dropshadow(color=#777777,offx=5,offy=5,positive=1)";
    }function tmp_onmouseover() {
    tmp.style.filter="dropshadow(color=#333333,offx=5,offy=5,positive=1)";
    }function tmp_onmouseout() {
    tmp.style.filter="dropshadow(color=#333333,offx=0,offy=0,positive=1)";
    }//-->
    </script>
    </head>
    <body language=javascript onload="return window_onload()">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" height="120" ID="Table1">
    <tr align="center"> 
    <td id ="tmp" width="50%" language=javascript onmouseover="return tmp_onmouseover()" onmouseout="return tmp_onmouseout()"><img src="IND_059.gif" width="200" height="100">
    </td>
    <td style="filter:dropshadow(color=#FFF0DD,offx=5,offy=5,positive=1);">
    <font face="Verdana"><b><font size="5" color="#FF9933">Dhtml 2000</font></b></font>
    </td>
    </tr>
    </table></body>
    </html>