Revenir en haut Aller en bas
Forum Crea illusion Fantasy


Coucou,

Merci de nous rejoindre sur le forum, j'espère que l'on passera de bons moments ensembles.

Au plaisir de te lire dans les différentes catégories.

Le Staff du forum Crea illusion Fantasy.


Partagez|

Menu interactif en html

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage
avatar
Messages : 6154
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 54
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 9246
Admin

Ptite_Perle
18 - 16
MessageSujet: Menu interactif en html Lun 27 Mai 2013 - 20:48

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>
Revenir en haut Aller en bas
http://www.creaillusionfantasy.com/

Menu interactif en html

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Sujets similaires

-
» [Annulée] Demande une page HTML
» [résolu] Lien dans image survolée vers page html
» besion d'aide language html lecteur de musique !! (Résolu)
» commande menu "Enregistrer"
» Xhtml/css: integrer une video avec html

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum Crea illusion Fantasy  :: Sites web-