»
EnglishFrenchVietnamese

Print - Flashlike zoom-fade-scroller - JavaScriptBank.com

Full version: jsB@nk » Text » Animation » Flashlike zoom-fade-scroller
URL: https://www.javascriptbank.com/flashlike-zoom-fade-scroller.html

Flashlike zoom-fade-scroller © JavaScriptBank.comThis powerful scroller combines the great looks of a flash-animation and the loading-speed of a DHTML script. Step-by-step installtaion and copy-and-paste configuration of fonts, fontcolors and position. Made for IE4x.

Full version: jsB@nk » Text » Animation » Flashlike zoom-fade-scroller
URL: https://www.javascriptbank.com/flashlike-zoom-fade-scroller.html



JavaScript
<script>// Flashlike zoom-fade-scroller// scroller messagevar message="JavaScriptBank.com - Bank of over 2000+ free JavaScripts"// fonts. Add as many fonts as you like.var messagefont=new Array("Arial Black","Verdana","Impact","Comic Sans MS")// fontcolors. Add as many fontcolors as you like.var messagecolor=new Array("red","olive","888888","purple")// horizontal and vertical position of scroller (pixels)var positionleft=200var positiontop=10var timervar marginright=0var i_fadestrength=5var i_message=0var i_messagecolor=0var i_messagefont=0var step=1var maxfontsize=220var fontsizefactor=maxfontsize/100var contentvar textboxwidth=0var bodywidth=0message=message.split(" ")function setmessage() {if (i_message>=message.length) {i_message=0}if (i_messagecolor>=messagecolor.length) {i_messagecolor=0}if (i_messagefont>=messagefont.length) {i_messagefont=0}content="<nobr><font color="+messagecolor[i_messagecolor]+" face="+messagefont[i_messagefont]+">"+message[i_message]+"</font><nobr>"textbox.innerHTML=contenti_message++i_messagecolor++i_messagefont++timer=setTimeout("resizemessage()",500)}function resizemessage() {if (i_fadestrength<120) {textbox.filters.alpha.opacity=Math.floor(100-i_fadestrength)document.all.textbox.style.fontSize=i_fadestrength*fontsizefactordocument.all.textbox.style.posLeft=positionleft-(Math.floor(i_fadestrength/1.1*fontsizefactor))document.all.textbox.style.posTop=positiontopdocument.all.textbox.style.width=bodywidth-document.all.textbox.style.posLeft-5document.all.textbox.style.overflowX="hidden"document.all.textbox.style.visibility="visible"step+=1.5i_fadestrength+=steptimer=setTimeout("resizemessage()",50)}else {clearTimeout(timer)i_fadestrength=0;step=1;setmessage()}}if (document.all) {document.write("<DIV id='textbox' style='position:absolute;font-family:Verdana;filter:alpha(opacity=0);'></DIV>")document.write("<DIV style='position:relative;'>")}if (document.all) {bodywidth=document.body.clientWidth-5setmessage()}</script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->