»
AnglaisFrançaisVietnamien

Imprimer - Salutation Snake - JavaScriptBank.com

Version complète: jsB@nk » Texte » Animation » Salutation Snake
URL: https://www.javascriptbank.com/greetingsnake.html

Salutation Snake © JavaScriptBank.comGreetingSnake fait frétiller tout texte par le biais de toutes les zones de votre page Web. Configuration facile du texte, police, taille des caractères, fontColor, la vitesse et serpente zone.

Version complète: jsB@nk » Texte » Animation » Salutation Snake
URL: https://www.javascriptbank.com/greetingsnake.html



CSS
<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-->


JavaScript
<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-->


HTML
<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-->