Demostración de propagación de eventos de JavaScript

<!-- http://www.downcodes.com --> <!-- bbs http://www.downcodes.com/bbs--> <!--把如下代码加入<cuerpo>区域中-- > <NOMBRE DE CAPA="a0" IZQUIERDA=10 SUPERIOR=10 VISIBILIDAD=MOSTRAR BGCOLOR="#ffffff" CLIP="0,0,1,1"></CAPA> <NOMBRE DE CAPA="a1" IZQUIERDA=10 SUPERIOR =10 VISIBILIDAD=MOSTRAR BGCOLOR="#fff000" CLIP="0,0,1,1"></LAYER> <NOMBRE DE CAPA="a2" IZQUIERDA=10 ARRIBA=10 VISIBILIDAD=MOSTRAR BGCOLOR="#ffa000" CLIP ="0,0,1,1"></CAPA> <NOMBRE DE CAPA="a3" IZQUIERDA=10 ARRIBA=10 VISIBILIDAD=MOSTRAR BGCOLOR="#ff00ff" CLIP="0,0,1,1">< /CAPA> <NOMBRE DE CAPA="a4" IZQUIERDA=10 SUPERIOR=10 VISIBILIDAD=MOSTRAR BGCOLOR="#00ff00" CLIP="0,0,1,1"></CAPA> <NOMBRE DE CAPA="a5" IZQUIERDA= 10 ARRIBA=10 VISIBILIDAD=MOSTRAR BGCOLOR="#FF00FF" CLIP="0,0,1,1"></LAYER> <NOMBRE DE CAPA="a6" IZQUIERDA=10 ARRIBA=10 VISIBILIDAD=MOSTRAR BGCOLOR="#FF0000 " CLIP="0,0,1,1"></LAYER> <NOMBRE DE CAPA="a7" IZQUIERDA=10 SUPERIOR=10 VISIBILIDAD=MOSTRAR BGCOLOR="#ffffff" CLIP="0,0,2,2" ></CAPA> <NOMBRE DE CAPA="a8" IZQUIERDA=10 SUPERIOR=10 VISIBILIDAD=MOSTRAR BGCOLOR="#fff000" CLIP="0,0,2,2"></CAPA> <NOMBRE DE CAPA="a9" IZQUIERDA=10 ARRIBA=10 VISIBILIDAD=MOSTRAR BGCOLOR="#ffa000" CLIP="0,0,2,2"></LAYER> <NOMBRE DE CAPA="a10" IZQUIERDA=10 ARRIBA=10 VISIBILIDAD=MOSTRAR BGCOLOR=" #ff00ff" CLIP="0,0,2,2"></LAYER> <NOMBRE DE CAPA="a11" IZQUIERDA=10 SUPERIOR=10 VISIBILIDAD=MOSTRAR BGCOLOR="#00ff00" CLIP="0,0,2, 2"></CAPA> <NOMBRE DE CAPA="a12" IZQUIERDA=10 ARRIBA=10 VISIBILIDAD=MOSTRAR BGCOLOR="#0000ff" CLIP="0,0,2,2"></CAPA> <NOMBRE DE CAPA=" a13" IZQUIERDA=10 ARRIBA=10 VISIBILIDAD=MOSTRAR BGCOLOR="#FF0000" CLIP="0,0,3,3"></LAYER> <div id="starsDiv" style="position:absolute;top:0px ;izquierda:0px"> <div style="posición:relativa;ancho:1px;altura:1px;fondo:#ffffff;font-size:1px;visibilidad:visible"></div> <div style="posición: relativo;ancho:1px;alto:1px;fondo:#fff000;font-size:1px;visibilidad:visible"></div> <div style="posición:relativo;ancho:1px;alto:1px;fondo:# ffa000;font-size:1px;visibilidad:visible"></div> <div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px;visibility:visible"> </div> <div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px;visibility:visible"></div> <div style="position:relative; ancho:1px;alto:1px;fondo:#0000ff;font-size:1px;visibilidad:visible"></div> <div style="position:relative;ancho:1px;alto:1px;fondo:#FF0000; tamaño de fuente:1px;visibilidad:visible"></div> <div estilo="posición:relativa;ancho:2px;alto:2px;fondo:#ffffff;tamaño de fuente:2px;visibilidad:visible"></ div> <div estilo="posición:relativa;ancho:2px;alto:2px;fondo:#fff000;font-size:2px;visibilidad:visible"></div> <div estilo="posición:relativa;ancho: 2px;alto:2px;fondo:#ffa000;font-size:2px;visibilidad:visible"></div> <div style="posición:relativa;ancho:2px;alto:2px;fondo:#ff00ff;font- tamaño:2px;visibilidad:visible"></div> <div estilo="posición:relativa;ancho:2px;alto:2px;fondo:#00ff00;font-size:2px;visibilidad:visible"></div> <div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px;visibility:visible"></div> <div style="position:relative;width:3px; altura:3px;fondo:#FF0000;tamaño de fuente:3px;visibilidad:visible"></div> </div> <SCRIPT LANGUAGE="JavaScript"> <!-- Original: Kurt Grigg (kurt.grigg@virgin .net) --> <!-- Sitio web: http://freespace.virgin.net/kurt.grigg --> <!-- Este script y muchos más están disponibles gratuitamente en línea en --> <!-- ¡La fuente de JavaScript! http://javascript.internet.com --> <!-- Begin var Clrs = new Array(6); Clrs[0] = 'ff0000'; Clrs[1] = '00ff00'; Clrs[2] = '000aff'; Clrs[3] = 'ff00ff'; Clrs[4] = 'fff000'; Clrs[5] = 'fffff0'; var yBase = 200; varxBase = 200; paso var; var currStep = 0; varXpos = 1; var Ypos = 1; varXs = 200; var Ys = 400; if (document.layers) { ventana.captureEvents(Event.MOUSEMOVE); } if (document.all) { function MoveHandler() { Xpos = document.body.scrollLeft+event.x; Ypos = document.body.scrollTop+event.y; } document.onmousemove = MoveHandler; } else if (document.layers) { function xMoveHandler(evnt) { Xpos = evnt.pageX; Ypos = evnt.páginaY; } ventana.onMouseMove = xMoveHandler; } función Cometa() { if (document.all) { yBase = ventana.document.body.offsetHeight / 4; xBase = ventana.document.body.offsetWidth / 4; } else if (document.layers) { yBase = ventana.innerHeight / 4; xBase = ventana.anchointerior / 4; } if (document.all) { for (i = 0; i < starsDiv.all.length; i++) { paso = 3; starsDiv.all[i].style.top = Ypos + yBase*Math.cos((currStep + i*4)/12)*Math.cos(0.7+currStep/200); starsDiv.all[i].style.left = Xpos + xBase*Math.sin((currStep + i*3)/10)*Math.sin(8.2+currStep/400); for (ai = 0; ai < Clrs.length; ai++) { var c=Math.round(Math.random()*[ai]); } starsDiv.all[i].style.background = Clrs[c]; } } else if (document.layers) { for ( j = 0 ; j < 14 ; j++ ) { // ¡número de capas NS! paso = 6; var templayer = "a"+j; document.layers[templayer].top = Ypos + yBase*Math.cos((currStep + j*4)/12)*Math.cos(0.7+currStep/200); document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(8.2+currStep/400); for (aj=0; aj < Clrs.length; aj++) { var c=Math.round(Math.random()*[aj]); } document.layers[templayer].bgColor = Clrs[c]; } } currStep += paso; setTimeout("Cometa()", 5); } Cometa(); // Fin --> </script>