Aller au contenu

Menu apparait au passage souris sur image


paul30

Sujets conseillés

Salut à tous smile.gif



Voilà, je fais appelle à vous car j'ai un problème. Pour le menu de ma page, j'aimerais que lorsque je passe avec la souris sur une image, le reste de mon menu apparaisse, et lorsque je ne suis plus ni sur le menu qui est apparu, ni sur l'image, et bien le menu se cache de nouveau. J'ai donc utilisé le code suivant :



<div id="menu" style="position:relative;display:none">
Le code de mon menu caché
<br />
Le code de mon menu caché
<br />
Le code de mon menu caché
<br />
Le code de mon menu caché </div>

<img src="plus.png" onmouseover="document.getElementById('menu').style.display='';" onmouseout="document.getElementById('menu').style.display='none';">

Mon problème est que lorsque je veux aller cliquer sur un des liens contenu dans mon menu caché, je pars de l'image avec ma souris et donc mon menu se recache aussi sec. Comment puis-je donc faire pour que tant que je suis sur le menu caché, celui-ci ne se fasse pas la male?



Merci par avance pour votre réponse,


A bientôt,


Paul smile.gif



Lien vers le commentaire
Partager sur d’autres sites

Ça se fait très simplement en CSS et sans JS.

Tu mets ton image dans ta div menu. Tu ajoutes après l'image ton menu en UL/LI par exemple. Le UL est en display:none par défaut.

<div id="menu">

<img src="" />

<ul>

<li>menu 1</li>

<li>menu 2</li>

</ul>

</div>

Ensuite tu ajoutes un CSS :

#menu ul {

display: none;

}

#menu:hover ul {

display: block;

}

Modifié par hsdino
Lien vers le commentaire
Partager sur d’autres sites

  • 2 semaines plus tard...

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...