»
EnglishFrenchVietnamese

Print - Letter Magnet - JavaScriptBank.com

Full version: jsB@nk » Text » Animation » Letter Magnet
URL: https://www.javascriptbank.com/letter-magnet-script.html

Letter Magnet © JavaScriptBank.comLetter Magnet pulls the letters of your messages together until they form a neat line of text. You may add as many messages as you like. Easy configuration of font-attributes.

Full version: jsB@nk » Text » Animation » Letter Magnet
URL: https://www.javascriptbank.com/letter-magnet-script.html



JavaScript
<SCRIPT>// Letter Magnetvar text=new Array()var textsplashcolors=new Array()// Your messages. Add as many as you like!text[0]="Hello Friends! Welcome to our letter magnet."text[1]="This is only one way to impress your visitors ..."text[2]="with our new TEXT ANIMATOR."text[3]="With Text Animator you create ..."text[4]="more than 20 different animations."// The colors of the letters textsplashcolors[0]="#000000"textsplashcolors[1]="#ff0000"textsplashcolors[2]="#008800"textsplashcolors[3]="#0000ff"textsplashcolors[4]="#880088"textsplashcolors[5]="#ff9700"// the fontvar textfont="Arial"// the font-size for IE4x/5x/6x and NS6x (CSS-standard)var textfontsize=12// the font size for NS4x (HTML-standard)var textfontsizeHTML=3// the pause between the messages (seconds)var textpause=3// Do not edit below this linevar textweight="bold"var textweightA="<b>"var textweightB="</b>"var textitalic="normal"var textitalicA=""var textitalicB=""var textalignabsolute="topleft"var letterwidth=new Array()var messagewidth=0var messageheight=0var i_colors=0var letterspace=Math.floor(textfontsize/1.3)var timervar i_text=0var textsplittedvar i_textpath=0var endpause=1var endpausemilli=endpause*10var maxtextlength=0var i_endposition=0var windowwidth=0var windowheight=0var windowwidthfactor=1var windowheightfactor=1var i_span=0var startposmax_x=0var startposmax_y=0textpause*=1000var x_step=new Array()var y_step=new Array()var x_finalpos=new Array()var y_finalpos=0var max_loop=20var i_loop=0var ns4=document.layers?1:0var ns6=document.getElementById&&!document.all?1:0 var ie=document.all?1:0for (i=0;i<=text.length-1;i++) {if (text[i].length>=maxtextlength) {maxtextlength=text[i].length}}for (i=0;i<=text.length-1;i++) {text[i]=text[i]+" "}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 randomizer(range) {return Math.floor(range*Math.random())}function getpagesize() {if (ie) {windowheight=parseInt(document.body.clientHeight)windowwidth=parseInt(document.body.clientWidth)}if (ns4 || ns6) {windowheight=parseInt(window.innerHeight)windowwidth=parseInt(window.innerWidth)}startposmax_x=windowwidth-2*parseInt(textfontsize)startposmax_y=windowheight-2*parseInt(textfontsize)changecontent()}function changecontent() {messagewidth=0var textsa=text[i_text]textsplitted=textsa.split("")if (ie) {for (i=0;i<=textsplitted.length-1;i++) {var thisspan=eval("document.all.span"+i)    thisspan.innerHTML="<span style='font-family:"+textfont+";font-size:"+textfontsize+";font-style:"+textitalic+";font-weight:"+textweight+";color:"+textsplashcolors[i_colors]+";text-align:center'>"+textsplitted[i]+"</span>"i_colors++if (i_colors>textsplashcolors.length-1) {i_colors=0}letterwidth[i]=Math.round(thisspan.offsetWidth*1.2)if (letterwidth[i]==0) {letterwidth[i]=parseInt(textfontsize)}messagewidth+=letterwidth[i]messageheight=Math.round(document.all.span0.offsetHeight)}}if (ns6) {for (i=0;i<=textsplitted.length-1;i++) {var thisspan=eval(document.getElementById('span'+i))    thisspan.innerHTML="<span style='font-family:"+textfont+";font-size:"+textfontsize+";font-style:"+textitalic+";font-weight:"+textweight+";color:"+textsplashcolors[i_colors]+"'>"+textsplitted[i]+"</span>"i_colors++if (i_colors>textsplashcolors.length-1) {i_colors=0}letterwidth[i]=Math.round(parseInt(thisspan.offsetWidth)*1.2)if (letterwidth[i]==0) {letterwidth[i]=textfontsize}messagewidth+=letterwidth[i]messageheight=Math.round(document.getElementById('span0').offsetHeight)}}if (ns4) {for (i=0; i<textsplitted.length-1; i++) {    var thisspan=eval("document.span"+i+".document")    thisspan.write("<p><font size="+textfontsizeHTML+" color="+textsplashcolors[i_colors]+" face="+textfont+">"+textitalicA+textweightA+textsplitted[i]+textweightB+textitalicB+"</font></p>")thisspan.close()letterwidth[i]=Math.round(thisspan.width*1.2)if (letterwidth[i]==0) {letterwidth[i]=textfontsize}messagewidth+=letterwidth[i]messageheight=Math.round(document.span0.document.height)thisspan.clear()i_colors++if (i_colors>textsplashcolors.length-1) {i_colors=0}    }for (i=0; i<textsplitted.length-1; i++) {    var thisspan=eval("document.span"+i)    thisspan.visibility="show"    }}i_text++ if (i_text>=text.length) {i_text=0}getfinalpos()}function getfinalpos() {if (ie || ns6) {var padding_x=100}; if (ns4) {var padding_x=40};if (ie || ns6) {var padding_y=80}; if (ns4) {var padding_y=40};if (textalignabsolute=="middlecenter") {x_finalpos[0]=(windowwidth-messagewidth)/2y_finalpos=(windowheight-messageheight)/2}else if (textalignabsolute=="topleft") {x_finalpos[0]=5y_finalpos=0}else if (textalignabsolute=="topcenter") {x_finalpos[0]=(windowwidth-messagewidth)/2y_finalpos=0}else if (textalignabsolute=="topright") {x_finalpos[0]=windowwidth-messagewidthy_finalpos=0}else if (textalignabsolute=="bottomleft") {x_finalpos[0]=5y_finalpos=windowheight-messageheight}else if (textalignabsolute=="bottomcenter") {x_finalpos[0]=(windowwidth-messagewidth)/2y_finalpos=windowheight-messageheight}else if (textalignabsolute=="bottomright") {x_finalpos[0]=windowwidth-messagewidthy_finalpos=windowheight-messageheight}for (i=1;i<textsplitted.length-1;i++) {x_finalpos[i]=x_finalpos[i-1]+letterwidth[i-1]}gotostartpos()}function gotostartpos() {if (ie) {for (i=0;i<textsplitted.length-1;i++) {var thisspan=eval("document.all.span"+i+".style")thisspan.posLeft=randomizer(startposmax_x)thisspan.posTop=randomizer(startposmax_y)}}if (ns4) {for (i=0;i<textsplitted.length-1;i++) {var thisspan=eval("document.span"+i)thisspan.left=randomizer(startposmax_x)thisspan.top=randomizer(startposmax_y)}}if (ns6) {for (i=0;i<textsplitted.length-1;i++) {var thisspan=eval("document.getElementById('span'+i).style")thisspan.left=randomizer(startposmax_x)thisspan.top=randomizer(startposmax_y)}}gotostandstillpos()}function gotostandstillpos() {if (ie) {if (i_loop<=max_loop-1) {for (i=0;i<textsplitted.length-1;i++) {var thisspan=eval("document.all.span"+i+".style")x_step[i]=(x_finalpos[i]-thisspan.posLeft)/(max_loop-i_loop)y_step[i]=(y_finalpos-thisspan.posTop)/(max_loop-i_loop)thisspan.posLeft+=x_step[i]thisspan.posTop+=y_step[i]}i_loop++var timer=setTimeout("gotostandstillpos()",20)}else {i_loop=0clearTimeout(timer)timer=setTimeout("gotoendpos()",textpause)}}if (ns4) {if (i_loop<=max_loop-1) {for (i=0;i<textsplitted.length-1;i++) {var thisspan=eval("document.span"+i)x_step[i]=(x_finalpos[i]-thisspan.left)/(max_loop-i_loop)y_step[i]=(y_finalpos-thisspan.top)/(max_loop-i_loop)thisspan.left+=x_step[i]thisspan.top+=y_step[i]}i_loop++var timer=setTimeout("gotostandstillpos()",20)}else {i_loop=0clearTimeout(timer)timer=setTimeout("gotoendpos()",textpause)}}if (ns6) {if (i_loop<=max_loop-1) {for (i=0;i<textsplitted.length-1;i++) {var thisspan=eval("document.getElementById('span'+i).style")x_step[i]=(x_finalpos[i]-parseInt(thisspan.left))/(max_loop-i_loop)y_step[i]=(y_finalpos-parseInt(thisspan.top))/(max_loop-i_loop)thisspan.left=parseInt(thisspan.left)+x_step[i]thisspan.top=parseInt(thisspan.top)+y_step[i]}i_loop++var timer=setTimeout("gotostandstillpos()",20)}else {i_loop=0clearTimeout(timer)timer=setTimeout("gotoendpos()",textpause)}}}function gotoendpos() {if (ie) {if (i_loop<=textsplitted.length-1) {var thisspan=eval("document.all.span"+i_loop+".style")thisspan.posLeft=-1000i_loop++var timer=setTimeout("gotoendpos()",10)}else {clearTimeout(timer)i_loop=0var timer=setTimeout("changecontent()",400)}}if (ns4) {if (i_loop<=textsplitted.length-1) {var thisspan=eval("document.span"+i_loop)thisspan.left=-1000i_loop++var timer=setTimeout("gotoendpos()",10)}else {clearTimeout(timer)i_loop=0changecontent()}}if (ns6) {if (i_loop<=textsplitted.length-1) {var thisspan=eval("document.getElementById('span'+i_loop).style")thisspan.left=-1000i_loop++var timer=setTimeout("gotoendpos()",10)}else {clearTimeout(timer)i_loop=0changecontent()}}}if (ie) {for (i=0;i<=maxtextlength;i++) {    document.write("<span id='span"+i+"' style='position:absolute'>")    document.write("</span>")}window.onload=getpagesize}if (ns6) {for (i=0;i<=maxtextlength;i++) {    document.write("<span id='span"+i+"' style='position:absolute'>")document.write(textsplitted)    document.write("</span>")}window.onload=getpagesize}if (ns4) {for (i=0;i<=maxtextlength;i++) {    document.write("<layer name='span"+i+"' visibility=hide>")document.write(textsplitted)    document.write("</layer>")}window.onload=getpagesize}</script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->