Full version: jsB@nk » Form » Table » Flashing ticker-box
URL: https://www.javascriptbank.com/flashing-ticker-box.html
This JavaScript makes the flashing ticker box in the web page.
Full version: jsB@nk » Form » Table » Flashing ticker-box
URL: https://www.javascriptbank.com/flashing-ticker-box.html
<style><!--#tickertape{position:relative;layer-background-color:black;width:400;height:12;}#subtickertape{background-color:black;position:absolute;border: 1px solid black;width:400;height:12;}/* you can change size by changing number of px or change color by changing color name...*/.subtickertapefont{font:bold 12px Verdana;text-decoration:none;color:white;}.subtickertapefont a{color:red;text-decoration:none;}--></style><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><SCRIPT LANGUAGE="JavaScript">var str="" function setMessage(){ if (str == "") { for (var ii = 0; ii < 120; ii += 10) {str = str + " "} str = str + "Dont change this! @ http://www.geocities.com/solid2000nl" } else { str = str.substring(2, str.length) } window.status = str JSCTimeOutID = window.setTimeout('setMessage()',100)}</SCRIPT><script language="JavaScript1.2">//default speed is 4.5 seconds, Change that as desiredvar speed=6000/* Change these message to the messages u want! You can also make more*/ var news=new Array()news[0]="This is message 1"news[1]="This is message 2"news[2]="This is message 3"news[3]="And this is the last message"//expand or shorten this list of messages as desired//you can make more messages by changing to next number!i=0if (document.all)tickerobject=document.all.subtickertape.styleelsetickerobject=document.tickertape.documentfunction regenerate(){window.location.reload()}function regenerate2(){if (document.layers)setTimeout("window.onresize=regenerate",450)}function update(){ BgFade(0xff,0xff,0xff, 0x00,0x00,0x00,10);if (document.layers){document.tickertape.document.subtickertape.document.write('<span class="subtickertapefont">'+news[i]+'</span>')document.tickertape.document.subtickertape.document.close()}else document.all.subtickertape.innerHTML=news[i]if (i<news.length-1)i++elsei=0setTimeout("update()",speed)} function BgFade(red1, grn1, blu1, red2, grn2, blu2, steps) { sred = red1; sgrn = grn1; sblu = blu1; ered = red2; egrn = grn2; eblu = blu2; inc = steps; step = 0; RunFader(); } function RunFader() { var epct = step/inc; var spct = 1 - epct; if (document.layers) tickerobject.bgColor = Math.floor(sred * spct + ered * epct)*256*256 + Math.floor(sgrn * spct + egrn * epct)*256 + Math.floor(sblu * spct + eblu * epct); else tickerobject.backgroundColor= Math.floor(sred * spct + ered * epct)*256*256 + Math.floor(sgrn * spct + egrn * epct)*256 + Math.floor(sblu * spct + eblu * epct); if ( step <inc ) { setTimeout('RunFader()',50); } step++; }</script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><body onload="if (document.all||document.layers) {regenerate2();update()}"><div id="tickertape"><div id="subtickertape" class="subtickertapefont">Loading...</div></body><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->