Full version: jsB@nk » Scrollers » Banner effects
URL: https://www.javascriptbank.com/banner-effect.html
This JavaScript scrolls messages with many varity ways.
Full version: jsB@nk » Scrollers » Banner effects
URL: https://www.javascriptbank.com/banner-effect.html
<SCRIPT>// your messages. Add as many as you like.var messages = new Array()messages[0] = "JavaScriptBank.com"messages[1] = "Bank of over 2000+ free JavaScripts"messages[2] = "Free JavaScripts, Tutorials"messages[3] = "Free Example Codes, DHTML"messages[4] = "Free CSS, Resources and more"// the background-colors of your scroller. Add as many as you like.var backgroundcolor=new Array("silver", "yellow", "#7083c7", "lime", "red", "orange")// the font-colors of your messages. Add as many as you like.var fntcolor = new Array("black","white","navy","white","black")// the font of your messages.var fntfamily="Verdana, Arial"// the font-size (1 to 7)var fntsize=2// font-weight: set 1 for bold font, set 0 for normal fontvar fntweight=1// the width of the border (pixels)var borderwidth=0// the width of your scroller (pixels)var scrollerwidth=300// the height of your scroller (pixels)var scrollerheight=40// the horizontal position of your scroller (distance to the left margin of browserwindow)var scrollerposition_x=0// the horizontal position of your scroller (distance to the top margin of browserwindow)var scrollerposition_y=0// interval (time for each effect plus standstill time, seconds)var interval=4///////////////////////////////////////////////////////////////////////////// CONFIGURATION ENDS HERE///////////////////////////////////////////////////////////////////////////var i_messages = 0var timerinterval=interval*1000if (fntweight==1) { fntweight="<b>"}else { fntweight=""}function randomposition(range) {return Math.floor(range*Math.random())}function dotransition() { if (document.all) { content.filters[i_messages].apply() content.innerHTML = "<table width="+scrollerwidth+" height="+scrollerheight+" border="+borderwidth+" cellpadding=3 cellspacing=0><tr><td bgcolor="+backgroundcolor[randomposition(backgroundcolor.length)]+" align=center valign=middle>"+fntweight+"<font face="+fntfamily+" size="+fntsize+" color="+fntcolor[randomposition(fntcolor.length)]+">"+messages[i_messages]+"</font></td></tr></table>" content.filters[i_messages].play() if (i_messages >= messages.length-1) { i_messages = 0 } else { i_messages++ } } if (document.layers) { document.nn.document.write("<table width="+scrollerwidth+" height="+scrollerheight+" border="+borderwidth+" cellpadding=3 cellspacing=0><tr><td bgcolor="+backgroundcolor[randomposition(backgroundcolor.length)]+" align=center valign=middle>") document.nn.document.write(fntweight+"<font face="+fntfamily+" size="+fntsize+" color="+fntcolor[randomposition(fntcolor.length)]+">"+messages[i_messages]+"</font></td></tr></table>")document.close() if (i_messages >= messages.length-1) { i_messages = 0 } else { i_messages++ } } timer = setTimeout("dotransition()",interval) }if (document.all) { document.write('<DIV id=content style="position:absolute; top:'+scrollerposition_y+'px; left:'+scrollerposition_x+'px; text-align:center; filter: revealTrans(Transition=1, Duration=3) revealTrans(Transition=2, Duration=3) revealTrans(Transition=3, Duration=2) revealTrans(Transition=4, Duration=2) revealTrans(Transition=5, Duration=1) revealTrans(Transition=6, Duration=3) revealTrans(Transition=7, Duration=2) revealTrans(Transition=8, Duration=1) revealTrans(Transition=9, Duration=3) revealTrans(Transition=10, Duration=1) revealTrans(Transition=11, Duration=2) revealTrans(Transition=12, Duration=3) revealTrans(Transition=13, Duration=1) revealTrans(Transition=14, Duration=2) revealTrans(Transition=15, Duration=3) revealTrans(Transition=16 Duration=1) revealTrans(Transition=17, Duration=2) revealTrans(Transition=18, Duration=3) revealTrans(Transition=19, Duration=1) revealTrans(Transition=20, Duration=2) revealTrans(Transition=21, Duration=3) revealTrans(Transition=22, Duration=3)"><table width='+scrollerwidth+' height='+scrollerheight+' border='+borderwidth+' cellpadding=3 cellspacing=0><tr><td bgcolor='+backgroundcolor[randomposition(backgroundcolor.length)]+' align=center valign=middle> </td></tr></table></DIV>') window.onload=dotransition}if (document.layers) { document.write('<layer id=nn top='+scrollerposition_y+' left='+scrollerposition_x+'> </layer>') document.close() window.onload=dotransition } </SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->