Español
<estilo> .fly {color:336c6c;font-family:arial;font-size:24px;position:absolute; visibilidad: oculta; índice z: 2;} .logo {font-family: times; font-size:48px; color: azul; posición:absoluta;arriba:0px;izquierda:70px; visibilidad:visible;z-index:1;} .desc {text-align: center;font-family:楷体_GB2312; tamaño de fuente: 18px; color: #336c6c; posición: absoluta; arriba: 220px; izquierda: 140px;ancho:400px;visibilidad:oculta; índice z:0;} CUERPO {fondo:#c0c0c0;} A {color:lime;} A:HOVER {color: amarillo;} </style> <script LANGUAGE="JavaScript"> ns4 = (document.layers) ? verdadero:falso es decir4 = (documento.all)? verdadero: falso función mostrarObjeto(obj) { if (ns4) obj.visibilidad = "mostrar" else if (ie4) obj.visibilidad = "visible" } función ocultarObjeto(obj) { si (ns4) obj.visibilidad = "ocultar" else if (ie4) obj.visibility = "oculto" } function slideLogo(from, to) { if (from < to) { company.top = (from += 10); setTimeout('slideLogo(' + de + ',' + a + ')', 20); } más initObjects(); } función rotarObjetos() { para (var i = 0; i < pos.length; i++) { pos[i] += inc; objetos[i].visibilidad = 'visible'; objetos[i].left = (r * Math.cos(pos[i])) + xoff } rotarTimer = setTimeout("rotateObjects()", 50); } función initObjects() { objetos = new Array(fly1, fly2, fly3, fly4); pos = nueva matriz(); pos[0] = 0; for (var i = 1; i < objetos.longitud; i++) { pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objetos.longitud)); } rotarObjetos(); } /* Variables para objetos giratorios */ var objetos; pos var; varr = 160; // radio var xoff = 280; // x desplazamiento var yoff = 170; // desplazamiento y var pi = Math.PI; // obtener pi var inc = pi / 180; // grados por ciclo de rotación var objetos; // objetos a rotar var pos; // posición de los objetos </script> <body BGCOLOR="#c0c0c0" link="green" TEXT="black"> <div ID="fly1" CLASS="fly"><a HREF="#" onMouseOver= "showObject(desc1)" onMouseOut="hideObject(desc1)"> <p>Elemento 1</a><br></p> </div><div ID="fly2" CLASS="fly"><a HREF="#" onMouseOver="showObject(desc2)" onMouseOut="hideObject(desc2)"> <p>Elemento 2</a><br></p> </div><div ID="fly3" CLASE ="fly"><a HREF="#" onMouseOver="showObject(desc3)" onMouseOut="hideObject(desc3)"> <p>Elemento 3</a><br></p> </div>< div ID="fly4" CLASS="fly"><a HREF="#" onMouseOver="showObject(desc4)" onMouseOut="hideObject(desc4)"> <p>Elemento 4</a><br></ p> </div><div ID="company" CLASS="logo"> <p><small>BIENVENIDO A DREAM WORKROOM</small></p> </div><div ID="desc1" CLASS= "desc"> <p>Artículo 1的内容 </p> </div><div ID="desc2" CLASS="desc"> <p>Artículo 2的内容 </p> </div><div ID ="desc3" CLASS="desc"> <p>Artículo 3的内容 </p> </div><div ID="desc4" CLASS="desc"> <p>Artículo 4的内容 </p> < /div><script LANGUAGE="JavaScript"> /* Detección de versión simple */ var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);/* Se pueden usar en lugar de oculto y visible porque en ocasiones Navigator tiene problemas con los dos */ var HIDDEN = (isNS) ? 'ocultar': 'oculto'; var VISIBLE = (esNS)? 'mostrar': 'visible'; /* Crear variables de acceso directo para diferentes elementos absolutamente posicionados */ var fly1 = (isNS)? documento.fly1: documento.all.fly1.style; var fly2 = (esNS)? documento.fly2: documento.all.fly2.style; var fly3 = (esNS)? documento.fly3: documento.all.fly3.style; var fly4 = (esNS)? documento.fly4: documento.all.fly4.style; var empresa = (isNS)? documento.empresa: documento.todo.estilo.de.la.empresa; var desc1 = (esNS)? documento.desc1: documento.all.desc1.style; var desc2 = (esNS)? documento.desc2: documento.all.desc2.style; var desc3 = (esNS)? documento.desc3: documento.all.desc3.style; var desc4 = (esNS)? documento.desc4: documento.all.desc4.style; /* Comienza el deslizamiento del logo de la empresa */ slideLogo(0, 140); </script>
