»
EnglishFrenchVietnamese

Print - Web with Matrix background - JavaScriptBank.com

Full version: jsB@nk » Background » Background effect » Web with Matrix background
URL: https://www.javascriptbank.com/web-with-matrix-background.html

Web with Matrix background © JavaScriptBank.comAnother script to make matrix effect on your web page. This JavaScript use two characters, 0 and 1 to make matrix, and first character of each column is strong. Very simple to use and modify.

Full version: jsB@nk » Background » Background effect » Web with Matrix background
URL: https://www.javascriptbank.com/web-with-matrix-background.html



CSS
<style type="text/css">/*     This script downloaded from www.JavaScriptBank.com     Come to view and download over 2000+ free javascript at www.JavaScriptBank.com*/.jsbank_sample_cont {margin: 20px; padding: 20px;}.jsbank_sample_tit {font-weight: bold; margin-bottom: 10px; padding: 5px; width: auto; background-color: #c0c0c0; border: 5px solid #a0a0a0; color: black; text-align: center;}h1{  color: white;}html{  color: white;}font{/*  color: white;*/}</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">if (document.all){Cols=15;Cl=24; Cs=50; Ts=15; Tc='#008800';Tc1='#00ff00';MnS=22; MxS=25; I=Cs;Sp=new Array();S=new Array();Y=new Array(5,6);C=new Array();M=new Array();B=new Array();RC=new Array();E=new Array();Tcc=new Array(0,1,7,9,3,2);document.write("<div id='Container' style='position:absolute;top:0;left:-"+Cs+"'>");document.write("<div style='position:relative'>");for(i=0; i < Cols; i++){S[i]=I+=Cs;document.write("<div id='A' style='position:absolute;top:0;font-family:Arial;font-size:"+Ts+"px;left:"+S[i]+";width:"+Ts+"px;height:0px;color:"+Tc+";visibility:hidden'></div>");}document.write("</div></div>");for(j=0; j < Cols; j++){RC[j]=1+Math.round(Math.random()*Cl);  Y[j]=0;Sp[j]=Math.round(MnS+Math.random()*MxS); for(i=0; i < RC[j]; i++){ B[i]=''; C[i]=Math.round(Math.random()*1)+' '; M[j]=B[0]+=C[i]; }}function Cycle(){Container.style.top=window.document.body.scrollTop;for (i=0; i < Cols; i++){var r = Math.floor(Math.random()*Tcc.length);E[i] = '<font color='+Tc1+'>'+Tcc[r]+'</font>';Y[i]+=Sp[i];if (Y[i] > window.document.body.clientHeight){ for(i2=0; i2 < Cols; i2++){ RC[i2]=1+Math.round(Math.random()*Cl);   for(i3=0; i3 < RC[i2]; i3++){ B[i3]=''; C[i3]=Math.round(Math.random()*1)+' '; C[Math.floor(Math.random()*i2)]=' '+' '; M[i]=B[0]+=C[i3]; Y[i]=-Ts*M[i].length/1.5; A[i].style.visibility='visible'; } Sp[i]=Math.round(MnS+Math.random()*MxS); }}A[i].style.top=Y[i];A[i].innerHTML=M[i]+' '+E[i]+' ';}setTimeout('Cycle()',20)}Cycle();}</script><script language="JavaScript1.2">  var COLOR = 999999 var woot = 0 function stoploop() { document.bgColor = '#000000'; clearTimeout(loopID); } function loopBackground() { if (COLOR > 0) { document.bgColor = '#' + COLOR COLOR -= 111111 loopID = setTimeout("loopBackground()",1) } else { document.bgColor = '#000000' woot += 10 COLOR = 999999 COLOR -= woot loopID = setTimeout("loopBackground()",1)    } } //onClick="stoploop()"function shake(n) {if (self.moveBy) {for (i = 10; i > 0; i--) {for (j = n; j > 0; j--) {self.moveBy(0,i);self.moveBy(i,0);self.moveBy(0,-i);self.moveBy(-i,0);         }      }   }   setTimeout("shake(1)",10000);   setTimeout("stoploop()",15000);}// End --></script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->