Full version: jsB@nk » Text » Animation » Greeting Snake
URL: https://www.javascriptbank.com/greetingsnake.html
GreetingSnake makes any text wriggle through any zone of your webpage. Easy configuration of text, font, fontsize, fontcolor, speed and snaking-zone.
Full version: jsB@nk » Text » Animation » Greeting Snake
URL: https://www.javascriptbank.com/greetingsnake.html
<STYLE>.spanstyle {LEFT: 5000px; POSITION: absolute; VISIBILITY: visible;}</STYLE><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><SCRIPT><!-- Beginning of JavaScript -var mes = new Array()mes[0]="JavaScriptBank.com - Bank of over 2000+ free JavaScripts"mes[1]="Bank of over 2000+ free JavaScripts"// The maximal number of letters of each message. The bigger this number the slower the newsworm ...var maxtextlength=70var path= new Array(548,316,581,296,598,257,577,215,559,202,503,193,464,203,446,222,448,255,468,274,500,280,526,267,541,237,537,209,526,187,499,161,462,146,412,133,368,129,326,132,293,142,272,159,250,184,239,204,234,213,226,230,201,253,186,259,165,265,136,268,110,270,83,267,58,260,36,243,26,229,22,210,24,191,29,174,39,163,56,154,76,150,96,149,110,148,135,152,165,156,196,165,208,172,231,181,254,192,280,203,305,210,339,210,366,206,389,195,405,182,419,167,428,148,442,116,448,80,443,41,401,8,347,0,300,11,280,30,256,50,230,58,198,61,169,56,141,50,113,45,87,36,70,29,52,24,28,18,7,15)// How many seconds shall the textsnake remain quiet after moving?var stoptime=2// Choose fontfamily, fontsize and fontcolor.var textfont="Verdanan"var textsize=30var textcolor="000"// The space (pixels) between the letters. If you have chosen a big fontsize you should// you should increase this number.var letterspace=12// Do not change the variables belowvar tickerleft=path[path.length-2]var tickertop=path[path.length-1]var timervar finalxpos=tickerleftvar i_mes=0var message=""var i_path=0var stoptimemilli=stoptime*stoptime+1000var pathx= new Array()if (document.layers) {if (textsize>20) {textsize=6}else if (textsize>20) {textsize=5}else if (textsize>14) {textsize=4} else if (textsize>10) {textsize=3}else if (textsize>8) {textsize=2}else if (textsize<=7) {textsize=1}}var ii=0for (i=0;i<=path.length-1;i=i+2) {pathx[ii]=path[i]ii++}ii=0var pathy= new Array()for (i=1;i<=path.length-1;i=i+2) {pathy[ii]=path[i]ii++}var xpos=new Array()for (i=0;i<=maxtextlength;i++) {xpos[i]=5000}var ypos=new Array()for (i=0;i<=maxtextlength;i++) {ypos[i]=5000}function makesnake() {if (i_path<=pathx.length-1) {for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]ypos[i]=ypos[i-1] }xpos[0]=pathx[i_path]ypos[0]=pathy[i_path]if (document.all) {for (i=0; i<message.length-1; i++) { var thisspan = eval("document.all.span"+(i)+".style") thisspan.posLeft=xpos[i]thisspan.posTop=ypos[i] }}if (document.layers) {for (i=0; i<message.length-1; i++) { var thisspan = eval("document.span"+i) thisspan.left=xpos[i]thisspan.top=ypos[i] }}i_path++timer=setTimeout("makesnake()",20)}else {clearTimeout(timer)endposition()}}function endposition() {if (document.all) {for (i=0; i<message.length-1; i++) { var thisspan = eval("document.all.span"+(i)+".style") thisspan.posLeft=tickerleft+finalxposthisspan.posTop=tickertopfinalxpos+=letterspace }}if (document.layers) {for (i=0; i<message.length-1; i++) { var thisspan = eval("document.span"+i) thisspan.left=tickerleft+finalxposthisspan.top=tickertopfinalxpos+=letterspace }}timer=setTimeout("clearmessage()",stoptimemilli)}function clearmessage() {finalxpos=tickertopi_path=0for (i=0;i<=maxtextlength;i++) {xpos[i]=5000}if (document.all) {for (i=0;i<=maxtextlength;i++) {var thisspan = eval("document.all.span"+i) thisspan.innerHTML=" "var thisspan = eval("document.all.span"+(i)+".style") thisspan.posLeft=xpos[i]=5000}}if (document.layers) {for (i=0;i<=maxtextlength;i++) {var thisspan = eval("document.span"+i+".document") thisspan.write("<p> </p>")thisspan.clear()thisspan = eval("document.span"+i) thisspan.left=5000}}timer=setTimeout("changemessage()",2000)}function changemessage() {var messa=mes[i_mes]message=messa.split("")if (document.all) {for (i=0;i<=message.length-1;i++) {var thisspan = eval("document.all.span"+i) thisspan.innerHTML="<p style='font-family:"+textfont+";font-size:"+textsize+";color:"+textcolor+"'>"+message[i]+"</p>"}}if (document.layers) {for (i=0; i<message.length-1; i++) { var thisspan=eval("document.span"+i+".document") thisspan.write("<p><font size="+textsize+" color="+textcolor+" face="+textfont+">"+message[i]+"</font></p>")thisspan.clear() }}i_mes++ if (i_mes>=mes.length) {i_mes=0}finalxpos=tickertopi_path=0timer=setTimeout("makesnake()",1000)}// - End of JavaScript - --></SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><BODY onload=changemessage()><SCRIPT><!-- Beginning of JavaScript -for (i=0;i<=maxtextlength;i++) { document.write("<span id='span"+i+"' class='spanstyle'>")document.write(message) document.write("</span>")}// - End of JavaScript - --></SCRIPT></BODY><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->