Bloquer un bouton lorsqu'il est validé

Fermé
-=Timi=- Messages postés 3 Date d'inscription lundi 25 janvier 2010 Statut Membre Dernière intervention 8 mars 2010 - 8 mars 2010 à 01:05
Bonjour,

Je vous explique mon problème:
J'ai créé une barre de menu en html contenant 5 boutons, représenté par 5 images. Lorsque je passe la souris dessus, chaque image change (avec onmousseover).
J'aimerai que mes boutons restent sur l'image du onmousseover lorsqu'ils sont cliqués, et q'uils reviennent a l'état normal lorsqu'un autre bouton est cliqué (roulement), mais je ne sais pas comment faire!!!!
Si quelqu'un pouvait m'aider je lui serait grandement reconnaissant !!!

Voici mon code:

<a href="accueil.html">
<IMG onmouseover="this.src='images/menuorange/accueil.png'" src="images/menubleu/accueil.png" onmouseout="this.src='images/menubleu/accueil.png'" alt="accueil" id="accueil" ></a>

<a href="profil.html">
<IMG onmouseover="this.src='images/menuorange/profil.png'" src="images/menubleu/profil.png" onmouseout="this.src='images/menubleu/profil.png'" alt="profil" id="profil"></a>

<a href="competence.html">
<IMG onmouseover="this.src='images/menuorange/competence.png'" src="images/menubleu/competence.png" onmouseout="this.src='images/menubleu/competence.png'" alt="competence" id="competence"></a>

<a href="creation.html">
<IMG onmouseover="this.src='images/menuorange/creation.png'" src="images/menubleu/creation.png" onmouseout="this.src='images/menubleu/creation.png'" alt="creation" id="creation"></a>

<a href="contact.html">
<IMG onmouseover="this.src='images/menuorange/contact.png'" src="images/menubleu/contact.png" onmouseout="this.src='images/menubleu/contact.png'" alt="contact" id="contact"></a>