Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5857 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120037 Menu interactif en html | | Voici un petit code, pour faire un menu interactif - Code:
-
<table width="300" cellspacing="1" bgcolor="#000000" cellpadding="0"> <tr> <td width="100" bgcolor="#c0c0c0" align="center" STYLE="padding:3;cursor:hand" onmouseout="this.style.background='#c0c0c0'" onmouseover="this.style.background='#808080';rubriques(1);"><font color="#000000" face="verdana" size="1"><b>Rubrique 1 </b></font></td> <td width="100" bgcolor="#4890c0" align="center" STYLE="padding:3;cursor:hand" onmouseout="this.style.background='#c0c0c0'" onmouseover="this.style.background='#808080';rubriques(2);"><font color="#000000" face="verdana" size="1"><b>Rubrique 2 </b></font></td> <td width="100" bgcolor="#4890c0" align="center" STYLE="padding:3;cursor:hand" onmouseout="this.style.background='#c0c0c0'" onmouseover="this.style.background='#808080';rubriques(3);"><font color="#000000" face="verdana" size="1"><b>Rubrique 3 </b></font></td> </tr> </table>
<table width="300" cellspacing="1" bgcolor="#000000" cellpadding="0"> <tr> <td width="300" bgcolor="#c0c0c0" STYLE="padding:3"><div ID="zone_rubriques" STYLE="font-family:verdana;font-weight:bold;font-size:10;color:#000000" align="center"><p>Choisissez une rubrique</p> </div></td> </tr> </table> <script language="javascript"> function rubriques(n) { if(n == 1) { document.getElementById("zone_rubriques").innerHTML = '<a href="lien1.html" STYLE="color:#ffffff">Lien 1</a> | <a href="lien2.html" STYLE="color:#ffffff">Lien 2</a> | <a href="lien3.html" STYLE="color:#ffffff">Lien 3</a>'; } if(n == 2) { document.getElementById("zone_rubriques").innerHTML = '<a href="lien1.html" STYLE="color:#ffffff">Lien 1</a> | <a href="lien2.html" STYLE="color:#ffffff">Lien 2</a>'; } if(n == 3) { document.getElementById("zone_rubriques").innerHTML = '<a href="lien1.html" STYLE="color:#ffffff">Lien 1</a> | <a href="lien2.html" STYLE="color:#ffffff">Lien 2</a> | <a href="lien3.html" STYLE="color:#ffffff">Lien 3</a>'; } } </script> |
| |