»
EnglishFrenchVietnamese

Print - Wave Text Effect script - JavaScriptBank.com

Full version: jsB@nk » Text » Imatitation » Wave Text Effect script
URL: https://www.javascriptbank.com/wave-text-effect-script.html

Wave Text Effect script © JavaScriptBank.comSome effects are just too complex to render using plain DHTML yet, so this one enlists the help of IE's proprietary multimedia feature to create that nifty watery, wavy effect on text. Quite mesmerizing isn't it.

Full version: jsB@nk » Text » Imatitation » Wave Text Effect script
URL: https://www.javascriptbank.com/wave-text-effect-script.html



CSS
<STYLE type=text/css>H1 {FILTER: wave(add=0,freq=0,light=0,phase=0,strength=0); HEIGHT: 100px; POSITION: relative; WIDTH: 100px}</STYLE><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<script>window.onload=main;var counter=0,c=0,c1=20;var globalCounter=0;var add=0,freq=0,light=0,phase=0,strength=0;function main(){ headers=document.getElementsByTagName('h1'); if(c<18) {  headers[counter].style.filter="wave(add="+[add]+",freq="+[freq+=1]+",light="+[light+=1]+",strength="+[strength+=1]+")";c++; } else if(counter<headers.length) { counter++; } else if(c1>0) { counter--;  headers[counter].style.filter="wave(add="+[add]+",freq="+[freq-=1]+",light="+[light-=1]+",strength="+[strength-=1]+")";c1--; } else if(globalCounter<1) {  counter=0;c=0;c1=20;add=0;freq=0;light=0;strength=0;globalCounter++; } setTimeout("main();",50);}</script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<H1>JavaScriptBank.com - Bank of over 2000+ free JavaScripts</H1><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->