Français
<style> .fly {couleur:336c6c;font-family:arial;font-size:24px;position:absolute; visibilité : caché ; z-index : 2 ;} .logo {font-family : times ; font-size : 48px ; couleur : bleu ; position : absolue ; haut : 0 px ; gauche : 70 px ; visibilité:visible;z-index:1;} .desc {text-align: center;font-family:楷体_GB2312; taille de la police : 18 px ; couleur : #336c6c ; position : absolue ; haut : 220 px ; gauche : 140 px ; largeur : 400 px ; visibilité : cachée ; z-index:0;} BODY {background:#c0c0c0;} A {couleur:lime;} A:HOVER {couleur : jaune;} </style> <script LANGUAGE="JavaScript"> ns4 = (document.layers) ? vrai: faux ie4 = (document.all) ? vrai: faux function showObject(obj) { if (ns4) obj.visibility = "show" else if (ie4) obj.visibility = "visible" } function hideObject(obj) { if (ns4) obj.visibility = "hide" else if (ie4) obj.visibility = "hidden" } function slideLogo(from, to) { if (from < to) { company.top = (from += 10); setTimeout('slideLogo(' + de + ',' + à + ')', 20); } sinon initObjects(); } function rotateObjects() { for (var i = 0; i < pos.length; i++) { pos[i] += inc; objets[i].visibilité = 'visible'; objets[i].left = (r * Math.cos(pos[i])) + xoff } rotateTimer = setTimeout("rotateObjects()", 50); } function initObjects() { objets = new Array(fly1, fly2, fly3, fly4); pos = nouveau tableau (); pos[0] = 0 ; for (var i = 1; i < objets.length; i++) { pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objets.length)); } rotateObjects(); } /* Variables pour la rotation des objets */ var objects; var pos; varr = 160 ; // rayon var xoff = 280 ; // décalage x var yoff = 170 ; // décalage y var pi = Math.PI; // récupère pi var inc = pi / 180 ; // degrés par cycle de rotation var objets ; // objets à faire pivoter var pos; // position des objets </script> <body BGCOLOR="#c0c0c0" link="green" TEXT="black"> <div ID="fly1" CLASS="fly"><a HREF="#" onMouseOver= "showObject(desc1)" onMouseOut="hideObject(desc1)"> <p>Élément 1</a><br></p> </div><div ID="fly2" CLASS="fly"><a HREF="#" onMouseOver="showObject(desc2)" onMouseOut="hideObject(desc2)"> <p>Élément 2</a><br></p> </div><div ID="fly3" CLASSE ="fly"><a HREF="#" onMouseOver="showObject(desc3)" onMouseOut="hideObject(desc3)"> <p>Élément 3</a><br></p> </div>< div ID="fly4" CLASS="fly"><a HREF="#" onMouseOver="showObject(desc4)" onMouseOut="hideObject(desc4)"> <p>Élément 4</a><br></ p> </div><div ID="company" CLASS="logo"> <p><small>BIENVENUE DANS DREAM WORKROOM</small></p> </div><div ID="desc1" CLASS= "desc"> <p>Article 1的内容 </p> </div><div ID="desc2" CLASS="desc"> <p>Article 2的内容 </p> </div><div ID ="desc3" CLASS="desc"> <p>Article 3的内容 </p> </div><div ID="desc4" CLASS="desc"> <p>Article 4的内容 </p> < /div><script LANGUAGE="JavaScript"> /* Détection de version simple */ var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);/* Ils peuvent être utilisés à la place de caché et visible car parfois Navigator a des problèmes avec les deux */ var HIDDEN = (isNS) ? 'cacher' : 'caché'; var VISIBLE = (estNS) ? 'show' : 'visible'; /* Crée des variables de raccourci pour différents éléments positionnés de manière absolue */ var fly1 = (isNS) ? document.fly1 : document.all.fly1.style; var fly2 = (estNS) ? document.fly2 : document.all.fly2.style; var fly3 = (estNS) ? document.fly3 : document.all.fly3.style; var fly4 = (estNS) ? document.fly4 : document.all.fly4.style; var société = (isNS) ? document.company : document.all.company.style; var desc1 = (estNS) ? document.desc1 : document.all.desc1.style; var desc2 = (estNS) ? document.desc2 : document.all.desc2.style; var desc3 = (estNS) ? document.desc3 : document.all.desc3.style; var desc4 = (estNS) ? document.desc4 : document.all.desc4.style; /* Commence le glissement du logo de l'entreprise */ slideLogo(0, 140); </script>
