运用filter做广告渐近渐显效果.

HTML代码
代码如下,点击运行可查看效果:

<div id="div_img" style="filter:progid:DXImagetransform.Microsoft.GradientWipe(duration=3,gradientSize=0.5,motion=forward ); WIDTH:120px; HEIGHT:120px; border:1px solid #CCCCCC"> <div style="display:block"><A href="###" target=_blank> <img onmouseover=stop_img(); onmouseout=start_img() height=158 width=553 src="/uploadfile/site/uploadfile/200806/20080621103632813.gif"border=0></A></div> <div style="display: none"><a href="###" target="_blank"> <img onmouseover=stop_img(); onmouseout=start_img() height=158 width=553 src="/uploadfile/site/uploadfile/200806/20080621103633306.gif"border=0></a></div> <div style="display: none"><A href="###" target=_blank> <img onmouseover=stop_img(); onmouseout=start_img() height=158 width=553 src="/uploadfile/site/uploadfile/200806/20080621103632813.gif"border=0></A></div> <div style="display: none"><a href="###" target=_blank> <img onmouseover=stop_img(); onmouseout=start_img() height=158 width=553 src="/uploadfile/site/uploadfile/200806/20080621103701218.gif"border=0></a></div> </div> <script> var n=0; var obj_img = document.getElementById("div_img"); function plays(k){ n=k; with (obj_img){ filters[0].Apply(); for(i=0;i<4;i++)i==k?children[i].style.display="block":children[i].style.display="none"; filters[0].play(); } } function stop_img(){clearTimeout(timer)} function start_img(){ n++; if(n>3)n=0; plays(n); timer=setTimeout("start_img()", 6000) } start_img(); </script>
        
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]