用代码做动态的滤镜效果

橄榄树

<DIV style="position:relative; top:0px; left:0px; width:800px;height:500px">
<STYLE type="text/css">
<!--
.time{
behavior:url(#default#time2);
}
t\:* {
behavior: url(#default#time2);
}
v\:* {
behavior: url(#default#VML);
}
-->
</STYLE>
<?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" declareNamespace />
<div style="position:absolute; top:0; left:0; width:300; height:234;">
<IMG src="http://media.imhb.cn/homepic/2008/3/11/20080311203703_41184.jpg" style="position:absolute; left:0; top:0; width:300; height:247;">
<IMG id="s1" src="http://media.imhb.cn/homepic/2008/3/11/20080311203703_41184.jpg" style="position:absolute; left:0; top:234; width:300; height:234; filter:Wave(Add=0,freq=12,LightStrength=10,Phase=0,Strength=4) alpha(opacity=100) Flipv;">
</div>
<t:animate targetElement="s1" attributeName="filters.Wave.Phase" from="100" to="0" begin="0" dur="2" end="" autoreverse="false" repeatcount="indefinite"/></div>

Wave滤镜

Wave滤镜

<DIV style="position:relative; top:30px; left:0px; width:700px;height：300px;">
<STYLE>.time {
 BEHAVIOR: url(#default#time2)
filter: /*ALE*/ }
</STYLE>
<?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" declareNamespace />
<div style="position:absolute; top:0; left:0;"><font face=楷书 color=#00ff00 size=7>Wave滤镜</font></div>
<div id=z1 style="position:absolute; top:40; left:0;filter: Wave(Add=0,Freq=3,Lightstrength=30,Phase=10,Strength=3) Flipv;"><font face=楷书 color=#00ff00 size=7>Wave滤镜</font></div>
<t:animate targetElement="z1" attributeName="filters.Wave.Phase" from="500" to="0" begin="0" dur="3" end="" autoreverse="false" repeatcount="indefinite"/></div>

梦中

学习了，谢楼主！！

云霓

碧水微澜

碧水微澜

 

 

 

 

 

 

 

 

 

 

 

 

云霓

 

 

 

 

 

 

 

 

 

 

 

 

 

 

梅风月色

梅风月色

这个代码不支持的？

爷们

谢谢了

谢谢了

宝贝笨笨

教程很好 谢谢老师 辛苦了

镜头光晕

这个有点难，对代码一窍不通

晓霞花影

学习了，谢楼主！！