Full version: jsB@nk » Form » Fancy Text Animator without images
URL: https://www.javascriptbank.com/fancy-text-animator-without-images.html
This Text Animator allows you to inform and amuse your visitors without wasting precious loading time and bandwidth. Visual transition effect between messages.
Full version: jsB@nk » Form » Fancy Text Animator without images
URL: https://www.javascriptbank.com/fancy-text-animator-without-images.html
<SCRIPT><!-- Beginning of JavaScript -var i_span=0var i_maxspan=50var i_message=0var timervar randvar message=new Array()message[0]="Hi JavaScript and DHTML lover!"message[1]="Do know where you can find"message[2]="the most crazy and mad and"message[3]="silly and useless and"message[4]="dangerous and funny"message[5]="JavaScript and DHTML samples for free?"message[6]="Click the link below and"message[7]="visit JSBank"message[8]="Try to have some fun!"var col=new Array()col[0]="AACCFF"col[1]="FFAAFF"col[2]="FFFFAA"col[3]="AAFFFF"col[4]="AAFFAA"col[5]="FFDDDD"col[6]="FFCCDD"col[7]="FFDDDD"col[8]="FFEEEE"function randommaker(range) {rand=Math.floor(range*Math.random()) return rand}function showimages() { if (i_span <= i_maxspan-1) { var thisspan = eval("document.all.span"+i_span+".style") thisspan.visibility="VISIBLE" timer=setTimeout("showimages()",20) i_span++ } else { i_span-- clearTimeout(timer) mesdiv.innerHTML=message[i_message] i_message++ if (i_message>=message.length) {i_message=0} timer=setTimeout("hideimages()",1000) }}function hideimages() { if (i_span >= 0) { var thisspan = eval("document.all.span"+i_span+".style") thisspan.visibility="HIDDEN" timer=setTimeout("hideimages()",1) i_span-- } else { clearTimeout(timer) i_span=0 timer=setTimeout("showimages()",2000) }}document.write('<body bgcolor=#FFFFFF>')document.write("<div id='mesdiv' style='position:absolute;top:50px;left:200px; width:120px;height:70px;background-color:FFAAAA;overflow:hidden;text-align:center;font-family:Arial;font-size:14;font-weight:bold;color:660000'></div>")document.write("<div id='maindiv' style='position:absolute;top:48px;left:198px; width:122px;height:72px;overflow:hidden;border-color:000000;border-style:groove;border-width:2px'>")for (i=0;i<=i_maxspan;i++) { document.write("<span id='span"+i+"' style='position:absolute;top:"+(randommaker(60)-10)+"px;left:"+(randommaker(100)-20)+"px;width:"+randommaker(60)+"px;height:"+randommaker(60)+"px;background-color:"+col[randommaker(9)]+";visibility:hidden'>") document.write("</span>") }document.write("</div>")showimages()// - End of JavaScript - --></SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->