如何让下面的特效兼容所有的浏览器呢？

<div class="logo1">
<!--让图片产生flash效果的特效-->
<script LANGUAGE="Javascript">
i=0;
function f_wave()
{i=i-4;
showimg.style.filter="Wave(Freq=1,LightStrength=40,Phase=" + i + ")";
setTimeout("f_wave()",80);
}
window.onload=f_wave;</script>
<img src="images/logo.png" width="342" height="123" ID=showimg /></div>
补充：这个效果兼容IE浏览器、360浏览器、腾讯TT可是却不兼容其它的浏览器，比如火狐、谷歌等浏览器……各位高手帮帮忙，先谢谢各位了……

解决方案 »

  1.   

    wave滤镜只有IE支持吧。。改成透明滤镜，可以在所有浏览器支持，参考：javascript图片卷帘/淡入淡出效果
      

  2.   

    亲不行呀，我要的效果不是图片切换才有那样的效果呢，这个特效是让任何一张图片都能实现淡入淡出效果的，而且滚动很快，像流水一样呢，可是感觉你介绍的达不到我的那个效果呢，因为我想用这特效方便套用所有的图片，用flash的话就比较麻烦了……
      

  3.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>模拟chrome支持的wave滤镜</title>
        <script type="text/javascript">
            onload = function () {
                var i = 0;
                var fatherNode = document.getElementById("father");
                var childNode = document.createElement("div");
                childNode.className = "shadow";
                fatherNode.appendChild(childNode);
                function waveShadow() {
                    childNode = childNode.cloneNode(true);
                    childNode.style.opacity =Math.abs( Math.sin(Math.PI * i / 600));
                    fatherNode.insertBefore(childNode, fatherNode.firstChild);
                    i++;
                }
                setInterval(waveShadow, 0.1);
            }
        </script>
        <style type="text/css">
            #father { width: 600px; height: 500px; overflow: hidden; position: absolute; }
            .shadow { background-color: #887776; height: 1px; border: none; }
        </style>
    </head>
    <body>
        <div id="father">
        </div>
    </body>
    </html>
    我用css3的滤镜模拟了一个比较弱智的，你可以参考一下，如果优化一下颜色很渐变的函数，应该能模拟出你想要的效果。
    说实话  我没有找到如何实现一个div的局部半透明，只能让他的整体用同一个半透明属性。无奈之下，模拟了一个