Full version: jsB@nk » Text » Imatitation » Wavy Text script II
URL: https://www.javascriptbank.com/wavy-text-script-ii.html
Some 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 » Wavy Text script II
URL: https://www.javascriptbank.com/wavy-text-script-ii.html
<script language="javascript">// ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE.var text='JavaScriptBank.com';var delay=60; // SPEED OF TRAILvar txtw=32; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIESvar xoff=300; // OFFSET FROM THE LEFT OF THE PAGE *OR* FROM THE MOUSE CURSOR DEPENDING ON THE "mousefollow" SETTING.var yoff=0; // OFFSET FROM THE TOP OF THE PAGE *OR* FROM THE MOUSE CURSOR DEPENDING ON THE "mousefollow" SETTING.var sampleinc=0.4; // NUMBER OF PIXELS TAKEN ALONG THE "X" AXIS AT A TIMEvar amplitude=35; // THE HEIGHT OF THE WAVE IN PIXELSvar mousefollow=false; // true=FOLLOWS THE MOUSE/ false=STAYS AT THE xoff/yoff COORDINATES.var beghtml='<h1>'; // OPTIONAL HTML THAT EFFECTS THE WHOLE STRING.var endhtml='</h1>'; // OPTIONAL HTML CODE ONLY NEEDED IF ABOVE NEEDS AN "END" HTML TAG.//********** NO NEED TO EDIT BELOW HERE **********\\ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;ie4 = (document.all && !document.getElementById)? true : false;ie5 = (document.all && document.getElementById)? true : false;ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;var txtA=new Array();text=text.split('');var t='';var ex=sampleinc;var mousex=0;var mousey=0;for(i=1;i<=text.length;i++){t+=(ns4)? '<layer name="txt'+i+'" top="-1000" left="0" width="'+txtw+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-1000px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';t+=beghtml+text[i-1]+endhtml;t+=(ns4)? '</layer>' : '</div>';}document.write(t);function adjmousepos(evt){mousex=xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);mousey=yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);}function getidleft(id){if(ns4)return id.left;else return parseInt(id.style.left);}function getidtop(id){if(ns4)return id.top;else return parseInt(id.style.top);}function getwindowwidth(){if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;else return window.innerWidth+pageXOffset;}function moveid(id,x,y){if(ns4)id.moveTo(x,y);else{id.style.left=x+'px';id.style.top=y+'px';}}function movetxts(){for(i=text.length;i>1;i=i-1){if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){moveid(txtA[i-1],0,-1000);moveid(txtA[i],0,-1000);}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));}moveid(txtA[1],x1,y1);ex=ex+sampleinc;}function movetxts(){for(i=text.length;i>1;i=i-1){if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){moveid(txtA[i-1],0,-1000);moveid(txtA[i],0,-1000);}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));}moveid(txtA[1],xoff+mousex,yoff+mousey+(Math.sin(ex)*amplitude)+Math.abs(amplitude));ex=ex+sampleinc;}window.onload=function(){for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);setInterval('movetxts()',delay);if(mousefollow){if(ns4)document.captureEvents(Event.MOUSEMOVE);document.onmousemove=adjmousepos;}}</script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->