Menu par onglet
Recherche
Lycos
Yahoo
Excite
Voila
Navigateurs
Netscape
I Explorer
Musique
Winamp
RealPlayer
Toutes les couleurs sont paramétrables : il suffit de les connaître en anglais !
Voir toutes les couleurs.
Dans la partie HEAD :
<STYLE>HTML { FONT-FAMILY: Verdana, Arial, sans-serif } .pop { VISIBILITY: hidden } .go { VISIBILITY: visible } A:hover { COLOR: red; TEXT-DECORATION: underline } A { COLOR: blue; TEXT-DECORATION: none } BODY { BACKGROUND-COLOR: black; COLOR: white } </STYLE><SCRIPT language=javascript>function showObject() { document.all.div1.className = 'go'; } function hideObject() { document.all.div1.className = 'pop'; } function showObject2() { document.all.div2.className = 'go'; } function hideObject2() { document.all.div2.className = 'pop'; } function showObject3() { document.all.div3.className = 'go'; } function hideObject3() { document.all.div3.className = 'pop'; } </SCRIPT>
Dans la partie BODY :
<P><CENTER><TABLE > <TR> <TD> <P><DIV onmouseout=hideObject() onmouseover=showObject() style="BACKGROUND-COLOR: black; WIDTH: 140px"><A HREF="http://www.javascripts.com/repository/script18369.html#" onmouseout=hideObject() onmouseover=showObject()>Recherche</A> </DIV> <DIV class=pop id=div1 onmouseout=hideObject() onmouseover=showObject() style="BACKGROUND-COLOR: black; WIDTH: 140px"><A HREF="http://www.lycos.com/" onmouseout=hideObject() onmouseover=showObject()>Lycos</A><BR> <A HREF="http://www.yahoo.fr/" onmouseout=hideObject() onmouseover=showObject()>Yahoo</A><BR> <A HREF="http://www.excite.com/" onmouseout=hideObject() onmouseover=showObject()>Excite</A><BR> <A HREF="http://www.voila.fr/" onmouseout=hideObject() onmouseover=showObject()>Voila</A> </DIV> </TD><TD> <P><DIV onmouseout=hideObject2() onmouseover=showObject2() style="BACKGROUND-COLOR: black; WIDTH: 140px"><A HREF="http://www.javascripts.com/repository/script18369.html#" onmouseout=hideObject2() onmouseover=showObject2()>Navigateurs</A> </DIV> <DIV class=pop id=div2 onmouseout=hideObject2() onmouseover=showObject2() style="BACKGROUND-COLOR: black; WIDTH: 140px"><A HREF="http://www.netscape.com/" onmouseout=hideObject2() onmouseover=showObject2()>Netscape</A><BR> <A HREF="http://www.microsoft.com/" onmouseout=hideObject2() onmouseover=showObject2()>I Explorer</A><BR> <BR> </DIV><BR> </TD><TD> <P><DIV onmouseout=hideObject3() onmouseover=showObject3() style="BACKGROUND-COLOR: black; WIDTH: 140px"><A HREF="http://www.javascripts.com/repository/script18369.html#" onmouseout=hideObject3() onmouseover=showObject3()>Musique</A> </DIV> <DIV class=pop id=div3 onmouseout=hideObject3() onmouseover=showObject3() style="BACKGROUND-COLOR: black; WIDTH: 140px"><A HREF="http://www.winamp.com/" onmouseout=hideObject3() onmouseover=showObject3()>Winamp</A><BR> <A HREF="http://www.realplayer.com/" onmouseout=hideObject3() onmouseover=showObject3()>RealPlayer</A><BR> <BR> </DIV><BR> </TD></TR> </TABLE></CENTER></P>
Retour