Full version: jsB@nk » Form » Table » Flashing box
URL: https://www.javascriptbank.com/flashbox.html
The script makes the fading messages in the table.
Full version: jsB@nk » Form » Table » Flashing box
URL: https://www.javascriptbank.com/flashbox.html
<STYLE>#tickertape {WIDTH: 400px; POSITION: relative; HEIGHT: 120px; layer-background-color: black}#subtickertape {BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; WIDTH: 400px; BORDER-BOTTOM: black 1px solid; POSITION: absolute; HEIGHT: 120px; BACKGROUND-COLOR: black}.subtickertapefont {FONT: bold 12px Verdana; COLOR: white; TEXT-DECORATION: none}.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=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 class=subtickertapefont id=subtickertape>Loading...</DIV></DIV></BODY><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->