Jump to content
paul30

Menu apparait au passage souris sur image

Rate this topic

Recommended Posts

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



Share this post


Link to post
Share on other sites

Il faudrait englober ton image et ton menu dans un même conteneur, et c'est lui qui aurait le comportement onMouseOver().


Share this post


Link to post
Share on other 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;

}

Edited by hsdino

Share this post


Link to post
Share on other sites

Bonsoir,



Merci beaucoup à tous pour vos réponses smile.gif


Je vais allé éssayé tous sa.


Encore merci = )



A bientôt,


Paul


Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...