»
EnglishFrenchVietnamese

Print - Flashing squares - JavaScriptBank.com

Full version: jsB@nk » Background » Flashing squares
URL: https://www.javascriptbank.com/flashing-squares.html

Flashing squares © JavaScriptBank.comA script with the flashing quares. Very cool.

Full version: jsB@nk » Background » Flashing squares
URL: https://www.javascriptbank.com/flashing-squares.html



CSS
<STYLE>DIV {FONT-SIZE: 16pt; HEIGHT: 100%}</STYLE><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<SCRIPT language=JavaScript><!--//---------------------Colours-----------------------------//backCol= new Array('#990000',  '#808080',  '#0066CC',  '#009966',  '#FFFFFF',  '#66CC33',  '#808080',  '#330099',  '#0099FF',  '#FFFFFF',  '#009966',  '#990066',  '#0066CC',  '#FFFFFF',  '#0066CC',  '#66CC33',  '#0066CC',  '#0099FF',  '#330099',  '#009966',  '#0099FF',  '#0066CC',  '#990066')var i=0;var j=0;var noSq=32var noCols=backCol.lengthvar delay=50function randomvalue(high) {    return 1 + Math.floor(Math.random() * high);  }function changeNow(){var temp='div'+(randomvalue(noSq));document.all(temp).style.backgroundColor=backCol[randomvalue(noCols)];changeCols()}function changeCols(){if ((parseInt(navigator.appVersion)>3) && (navigator.appName == 'Microsoft Internet Explorer')){timer=setTimeout('changeNow()',delay)}}//---------------------End Colours-----------------------------//--></SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<BODY onload=changeCols()><TABLE border=0 borderColor=#111111 cellPadding=0 cellSpacing=3 style="BORDER-COLLAPSE: collapse">  <TBODY>  <TR>    <TD height=18 width=18>      <DIV id=div1 style="BACKGROUND-COLOR: #009933; WIDTH: 100%"></DIV></TD>    <TD height=18 width=18>      <DIV id=div2 style="BACKGROUND-COLOR: #808080; WIDTH: 100%"></DIV></TD>    <TD height=18 width=18>      <DIV id=div3 style="BACKGROUND-COLOR: #0066cc; WIDTH: 100%"></DIV></TD>    <TD height=18 width=18>      <DIV id=div4 style="BACKGROUND-COLOR: #009966; WIDTH: 100%"></DIV></TD>    <TD height=18 width=18>      <DIV id=div5 style="BACKGROUND-COLOR: #ffffff; WIDTH: 100%"></DIV></TD>    <TD height=18 width=18>      <DIV id=div6 style="BACKGROUND-COLOR: #0099ff; WIDTH: 100%"></DIV></TD>    <TD height=18 width=18>      <DIV id=div7 style="BACKGROUND-COLOR: #ffffff; WIDTH: 100%"></DIV></TD>    <TD height=18 width=18>      <DIV id=div8 style="BACKGROUND-COLOR: #66cc33; WIDTH: 100%"></DIV></TD></TR>  <TR>    <TD height=18 width=18>      <DIV id=div9 style="BACKGROUND-COLOR: #808080; WIDTH: 100%"></DIV></TD>    <TD height=18 width=18>      <DIV id=div10 style="BACKGROUND-COLOR: #330099; WIDTH: 100%"></DIV></TD>    <TD height=18 width=18>      <DIV id=div11 style="BACKGROUND-COLOR: #ffffff; WIDTH: 100%"></DIV></TD>    <TD height=18 width=18>      <DIV id=div12 style="BACKGROUND-COLOR: #0099ff; WIDTH: 100%"></DIV></TD>    <TD height=18 width=18>      <DIV id=div13 style="BACKGROUND-COLOR: #990000; WIDTH: 100%"></DIV></TD>    <TD height=18 width=18>      <DIV id=div14 style="BACKGROUND-COLOR: #ffffff; WIDTH: 100%"></DIV></TD>    <TD height=18 width=18>      <DIV id=div15 style="BACKGROUND-COLOR: #009966; WIDTH: 100%"></DIV></TD>    <TD height=18 width=18>      <DIV id=div16 style="BACKGROUND-COLOR: #ffffff; WIDTH: 100%"></DIV></TD></TR>  <TR>    <TD height=18 width=18>      <DIV id=div17 style="BACKGROUND-COLOR: #990066; WIDTH: 100%"></DIV></TD>    <TD height=18 width=18>      <DIV id=div18 style="BACKGROUND-COLOR: #0066cc; WIDTH: 100%"></DIV></TD>    <TD height=18 width=18>      <DIV id=div19 style="BACKGROUND-COLOR: #c0c0c0; WIDTH: 100%"></DIV></TD>    <TD height=18 width=18>      <DIV id=div20 style="BACKGROUND-COLOR: #0066cc; WIDTH: 100%"></DIV></TD>    <TD height=18 width=18>      <DIV id=div21 style="BACKGROUND-COLOR: #66cc33; WIDTH: 100%"></DIV></TD>    <TD height=18 width=18>      <DIV id=div22 style="BACKGROUND-COLOR: #0066cc; WIDTH: 100%"></DIV></TD>    <TD height=18 width=18>      <DIV id=div23 style="BACKGROUND-COLOR: #ffffff; WIDTH: 100%"></DIV></TD>    <TD height=18 width=18>      <DIV id=div24 style="BACKGROUND-COLOR: #0099ff; WIDTH: 100%"></DIV></TD></TR>  <TR>    <TD height=18 width=18>      <DIV id=div25 style="BACKGROUND-COLOR: #330099; WIDTH: 100%"></DIV></TD>    <TD height=18 width=18>      <DIV id=div26 style="BACKGROUND-COLOR: #009966; WIDTH: 100%"></DIV></TD>    <TD height=18 width=18>      <DIV id=div27 style="BACKGROUND-COLOR: #0099ff; WIDTH: 100%"></DIV></TD>    <TD height=18 width=18>      <DIV id=div28 style="BACKGROUND-COLOR: #ffffff; WIDTH: 100%"></DIV></TD>    <TD height=18 width=18>      <DIV id=div29 style="BACKGROUND-COLOR: #0066cc; WIDTH: 100%"></DIV></TD>    <TD height=18 width=18>      <DIV id=div30 style="BACKGROUND-COLOR: #990066; WIDTH: 100%"></DIV></TD>    <TD height=18 width=18>      <DIV id=div31 style="BACKGROUND-COLOR: #ffffff; WIDTH: 100%"></DIV></TD>    <TD height=18 width=18>      <DIV id=div32 style="BACKGROUND-COLOR: #ffffff; WIDTH: 100%"></DIV></TD></TR></TBODY></TABLE></BODY><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->