Javascript curseur souris image
Fermé
Bonjour,
je travaille sur un site internet et j'aimerais le rendre plus dynamique.
Dans mon menu, j'ai plusieurs liens (des balises <a href="lien.html">NOM</a>).
J'aimerais faire la chose suivante:
- supposons que j'ai 3 liens.
- lorsque je positionne le curseur sur le lien A, j'ai l'image header1.jpg qui s'affiche dans mon header. lorsque je vais sur le lien B, l'image header2.jpg s'affiche, ...
Seulement, je ne sais quel démarche adopter pour réaliser cela. Pourriez vous m'aider, svp ? Merci.
je travaille sur un site internet et j'aimerais le rendre plus dynamique.
Dans mon menu, j'ai plusieurs liens (des balises <a href="lien.html">NOM</a>).
J'aimerais faire la chose suivante:
- supposons que j'ai 3 liens.
- lorsque je positionne le curseur sur le lien A, j'ai l'image header1.jpg qui s'affiche dans mon header. lorsque je vais sur le lien B, l'image header2.jpg s'affiche, ...
Seulement, je ne sais quel démarche adopter pour réaliser cela. Pourriez vous m'aider, svp ? Merci.
A voir également:
- Javascript curseur souris image
- Comment faire apparaître le curseur sans souris - Guide
- Comment activer le pavé tactile sans souris - Guide
- Image iso - Guide
- Telecharger javascript - Télécharger - Langages
- Acronis true image - Télécharger - Sauvegarde
2 réponses
epitale
Messages postés
3943
Date d'inscription
jeudi 5 février 2009
Statut
Membre
Dernière intervention
27 octobre 2017
915
24 oct. 2011 à 14:18
24 oct. 2011 à 14:18
bonjour printfx000
quelque chose comme çà :
<a href="..." onMouseOver ="javascript:document.getElementById('idduheader').style.background='urldelimage';" > text du lien </a>
quelque chose comme çà :
<a href="..." onMouseOver ="javascript:document.getElementById('idduheader').style.background='urldelimage';" > text du lien </a>
Ok merci.
J'ai un autre problème maintenant.
J'ai la structure suivante dans mon code:
<div id="menu" class="home">
<a href="" mouseOnClick="mafonction()"> ... </a>
<a href="" mouseOnClick="mafonction()"> ... </a>
<a href="" mouseOnClick="mafonction()"> ... </a>
</div>
Comment faire pour changer via la fonction maFonction() la classe de la balise div ? (exemple: changer class="home" en class="home2")
J'ai un autre problème maintenant.
J'ai la structure suivante dans mon code:
<div id="menu" class="home">
<a href="" mouseOnClick="mafonction()"> ... </a>
<a href="" mouseOnClick="mafonction()"> ... </a>
<a href="" mouseOnClick="mafonction()"> ... </a>
</div>
Comment faire pour changer via la fonction maFonction() la classe de la balise div ? (exemple: changer class="home" en class="home2")