Phiên bản đầy đủ: jsB@nk » Màu nền » Ô vuông chớp giật
URL: https://www.javascriptbank.com/flashing-squares.html
Hiệu ứng tạo ra bảng các ô vuông tự động đổi màu liên tục.
Phiên bản đầy đủ: jsB@nk » Màu nền » Ô vuông chớp giật
URL: https://www.javascriptbank.com/flashing-squares.html
<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--><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--><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-->