<!-- 把下面代码加到<cuerpo>区域中 -->
<tipo de estilo="texto/css">
.matrix { familia de fuentes: Lucida Console, Courier, Monotype; tamaño de fuente: 10 puntos; alineación de texto:centro; ancho: 10px; relleno: 0px; margen: 0px;}
</estilo>
<script tipo="texto/javascript" idioma="JavaScript">
<!--
var filas=11; // debe ser un número impar
velocidad var=50; // más bajo es más rápido
var revelar=2; // sólo entre 0 y 2. Cuanto más alto, más rápido aparece la palabra.
var effectalign="default" //ingrese "center" para centrarlo.
var w3c=document.getElementById && !window.opera;;
var ie45=document.all && !window.opera;
var ma_tab, matemp, ma_bod, ma_row, x, y, columnas, ma_txt, ma_cho;
var m_coch=nueva matriz();
var m_copo=nueva matriz();
ventana.onload=función() {
si (!w3c &&!ie45) regresa
var matriz=(w3c)?document.getElementById("matriz"):document.all["matriz"];
ma_txt=(w3c)?matrix.firstChild.nodeValue:matrix.innerHTML;
ma_txt=" "+ma_txt+" ";
columnas=ma_txt.length;
si (w3c) {
mientras (matrix.childNodes.length) matriz.removeChild(matrix.childNodes[0]);
ma_tab=document.createElement("tabla");
ma_tab.setAttribute("borde", 0);
ma_tab.setAttribute("alinear", efectoalinear);
ma_tab.style.backgroundColor="#000000";
ma_bod=document.createElement("tbody");
para (x=0; x<filas; x++) {
ma_row=document.createElement("tr");
for (y=0; y<columnas; y++) {
matemp=document.createElement("td");
matemp.setAttribute("id", "Mx"+x+"y"+y);
matemp.className="matriz";
matemp.appendChild(document.createTextNode(String.fromCharCode(160)));
ma_row.appendChild(matemp);
}
ma_bod.appendChild(ma_row);
}
ma_tab.appendChild(ma_bod);
matriz.appendChild(ma_tab);
} demás {
ma_tab='<ta'+'ble align="'+effectalign+'" border="0" style="fondo-color:#000000">';
for (var x=0; x<filas; x++) {
ma_tab+='<t'+'r>';
for (var y=0; y<columnas; y++) {
ma_tab+='<t'+'d class="matrix" id="Mx'+x+'y'+y+'"> </'+'td>';
}
ma_tab+='</'+'tr>';
}
ma_tab+='</'+'table>';
matriz.innerHTML=ma_tab;
}
ma_cho=ma_txt;
para (x=0; x<columnas; x++) {
ma_cho+=String.fromCharCode(32+Math.floor(Math.random()*94));
m_copo[x]=0;
}
ma_bod=setInterval("mistrucos()", velocidad);
}
función mistrucos() {
x=0;
for (y=0; y<columnas; y++) {
x=x+(m_copo[y]==100);
ma_row=m_copo[y]%100;
si (ma_row && m_copo[y]<100) {
si (ma_row<filas+1) {
si (w3c) {
matemp=document.getElementById("Mx"+(ma_row-1)+"y"+y);
matemp.firstChild.nodeValue=m_coch[y];
}
demás {
matemp=document.all["Mx"+(ma_row-1)+"y"+y];
matemp.innerHTML=m_coch[y];
}
matemp.style.color="#33ff66";
matemp.style.fontWeight="bold";
}
if (ma_row>1 && ma_row<filas+2) {
matemp=(w3c)?document.getElementById("Mx"+(ma_row-2)+"y"+y):document.all["Mx"+(ma_row-2)+"y"+y];
matemp.style.fontWeight="normal";
matemp.style.color="#00ff00";
}
si (ma_row>2) {
matemp=(w3c)?document.getElementById("Mx"+(ma_row-3)+"y"+y):document.all["Mx"+(ma_row-3)+"y"+y];
matemp.style.color="#009900";
}
if (ma_row<Math.floor(rows/2)+1) m_copo[y]++;
else if (ma_row==Math.floor(rows/2)+1 && m_coch[y]==ma_txt.charAt(y)) zoomer(y);
else if (ma_row<filas+2) m_copo[y]++;
de lo contrario si (m_copo[y]<100) m_copo[y]=0;
}
de lo contrario si (Math.random()>0.9 && m_copo[y]<100) {
m_coch[y]=ma_cho.charAt(Math.floor(Math.random()*ma_cho.length));
m_copo[y]++;
}
}
if (x==columnas) clearInterval(ma_bod);
}
función zoomer(ycol) {
var mtmp, mtem, ytmp;
if (m_copo[ycol]==Math.floor(filas/2)+1) {
para (ytmp=0; ytmp<filas; ytmp++) {
si (w3c) {
mtmp=document.getElementById("Mx"+ytmp+"y"+ycol);
mtmp.firstChild.nodeValue=m_coch[ycol];
}
demás {
mtmp=document.all["Mx"+ytmp+"y"+ycol];
mtmp.innerHTML=m_coch[ycol];
}
mtmp.style.color="#33ff66";
mtmp.style.fontWeight="bold";
}
si (Math.random()<revelar) {
mtmp=ma_cho.indexOf(ma_txt.charAt(ycol));
ma_cho=ma_cho.substring(0, mtmp)+ma_cho.substring(mtmp+1, ma_cho.length);
}
if (Math.random()<reveal-1) ma_cho=ma_cho.substring(0, ma_cho.length-1);
m_copo[ycol]+=199;
setTimeout("zoomer("+ycol+")", velocidad);
}
de lo contrario si (m_copo[ycol]>200) {
si (w3c) {
mtmp=document.getElementById("Mx"+(m_copo[ycol]-201)+"y"+ycol);
mtem=document.getElementById("Mx"+(200+filas-m_copo[ycol]--)+"y"+ycol);
}
demás {
mtmp=document.all["Mx"+(m_copo[ycol]-201)+"y"+ycol];
mtem=document.all["Mx"+(200+filas-m_copo[ycol]--)+"y"+ycol];
}
mtmp.style.fontWeight="normal";
mtem.style.fontWeight="normal";
setTimeout("zoomer("+ycol+")", velocidad);
}
else if (m_copo[ycol]==200) m_copo[ycol]=100+Math.floor(rows/2);
si (m_copo[ycol]>100 && m_copo[ycol]<200) {
si (w3c) {
mtmp=document.getElementById("Mx"+(m_copo[ycol]-101)+"y"+ycol);
mtmp.firstChild.nodeValue=String.fromCharCode(160);
mtem=document.getElementById("Mx"+(100+filas-m_copo[ycol]--)+"y"+ycol);
mtem.firstChild.nodeValue=String.fromCharCode(160);
}
demás {
mtmp=document.all["Mx"+(m_copo[ycol]-101)+"y"+ycol];
mtmp.innerHTML=String.fromCharCode(160);
mtem=document.all["Mx"+(100+filas-m_copo[ycol]--)+"y"+ycol];
mtem.innerHTML=String.fromCharCode(160);
}
setTimeout("zoomer("+ycol+")", velocidad);
}
}
// -->
</script>
<div id="matrix">Me encanta javascript</div>