Português
<estilo> .fly {cor:336c6c;família da fonte:arial;tamanho da fonte:24px;posição:absoluto; visibilidade: oculto; índice z: 2;} .logo {família de fontes: vezes; tamanho da fonte: 48px; cor: azul; posição:absoluta;topo:0px;esquerda:70px; visibilidade:visível;índice z:1;} .desc {alinhamento de texto: centro;família de fontes:楷体_GB2312; tamanho da fonte:18px;cor: #336c6c;posição:absoluta;topo:220px; esquerda: 140px;largura:400px;visibilidade:oculto; z-index:0;} BODY {background:#c0c0c0;} A {color:lime;} A:HOVER {color : yellow;} </style> <script LANGUAGE="JavaScript"> ns4 = (document.layers) ? verdadeiro:falso ie4 = (document.all)? true:false function showObject(obj) { if (ns4) obj.visibility = "show" else if (ie4) obj.visibility = "visible" } function hideObject(obj) { if (ns4) obj.visibility = "hide" senão if (ie4) obj.visibility = "oculto" } function slideLogo(de, para) { if (de <para) { empresa.top = (de += 10); setTimeout('slideLogo(' + de + ',' + para + ')', 20); } else initObjects(); } function rotacionarObjects() { for (var i = 0; i < pos.length; i++) { pos[i] += inc; objetos[i].visibility = 'visível'; objetos[i].left = (r * Math.cos(pos[i])) + xoff } rotateTimer = setTimeout("rotateObjects()", 50); } function initObjects() {objetos = new Array(fly1, fly2, fly3, fly4); pos = nova Matriz(); posição[0] = 0; for (var i = 1; i <objetos.comprimento; i++) { pos[i] = parseFloat(pos[i - 1] + ((2 * pi) /objetos.comprimento)); } girarObjetos(); } /* Variáveis para rotação de objetos */ var object; var pos; var r = 160; // raio var xoff = 280; // x deslocamento var yoff = 170; // deslocamento de y var pi = Math.PI; //obtém pi var inc=pi/180; // graus por ciclo de rotação var objetos; // objetos a serem girados var pos; //posição para objetos </script> <body BGCOLOR="#c0c0c0" link="green" TEXT="black"> <div ID="fly1" CLASS="fly"><a HREF="#" onMouseOver= "showObject(desc1)" onMouseOut="hideObject(desc1)"> <p>Item 1</a><br></p> </div><div ID="fly2" CLASS="fly"><a HREF="#" onMouseOver="showObject(desc2)" onMouseOut="hideObject(desc2)"> <p>Item 2</a><br></p> </div><div ID="fly3" CLASS ="fly"><a HREF="#" onMouseOver="showObject(desc3)" onMouseOut="hideObject(desc3)"> <p>Item 3</a><br></p> </div>< div ID="fly4" CLASS="fly"><a HREF="#" onMouseOver="showObject(desc4)" onMouseOut="hideObject(desc4)"> <p>Item 4</a><br></ p> </div><div ID="empresa" CLASS="logo"> <p><small>BEM-VINDO À SALA DE TRABALHO DOS SONHOS</small></p> </div><div ID="desc1" CLASS= "desc"> <p>Item 1的内容 </p> </div><div ID="desc2" CLASS="desc"> <p>Item 2的内容 </p> </div><div ID ="desc3" CLASS="desc"> <p>Item 3的内容 </p> </div><div ID="desc4" CLASS="desc"> <p>Item 4的内容 </p> < /div><script LANGUAGE="JavaScript"> /* Detecção simples de versão */ var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);/* Eles podem ser usados no lugar de oculto e visível porque ocasionalmente o Navigator tem problemas com os dois */ var HIDDEN = (isNS) ? 'ocultar': 'oculto'; var VISÍVEL = (éNS) ? 'mostrar': 'visível'; /* Cria variáveis de atalho para diferentes elementos absolutamente posicionados */ var fly1 = (isNS) ? document.fly1: document.all.fly1.style; var fly2 = (éNS) ? document.fly2: document.all.fly2.style; var fly3 = (éNS) ? document.fly3: document.all.fly3.style; var fly4 = (éNS) ? document.fly4: document.all.fly4.style; var empresa = (éNS) ? document.empresa: document.all.company.style; var desc1 = (éNS) ? document.desc1: document.all.desc1.style; var desc2 = (éNS) ? document.desc2: document.all.desc2.style; var desc3 = (éNS) ? document.desc3: document.all.desc3.style; var desc4 = (éNS)? document.desc4: document.all.desc4.style; /* Inicia o deslizamento do logotipo da empresa */ slideLogo(0, 140); </script>
