js实现图片水中倒影效果

<!--Change following reflection image to your own-->
<img id="reflect" src="http://tool.admin5.com/js/baoku/img/reflect.jpg">
<br>
<script language="JavaScript1.2">
/*
Image reflection script (Submitted by Savio, savio_d_souza@hotmail.com)
Permission granted to Dynamic Drive to feature script in archive
For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
function f1(){
setInterval("mdiv.filters.wave.phase+=10",100);
}
if (document.all){
document.write('<img id=mdiv src="'+document.all.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">')
window.onload=f1
}
</script>

运行代码复制代码

javascript 特效

csS特效

使用方法＆效果

代码