Div qui s'affiche au passage de la souris
Résolu
MIE07
Messages postés
134
Date d'inscription
Statut
Membre
Dernière intervention
-
MIE07 Messages postés 134 Date d'inscription Statut Membre Dernière intervention -
MIE07 Messages postés 134 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
je cherche une façon pour afficher une seconde barre de navigation lors du passage de la souris sur la première barre de navigation.
Comme du site CCM : Quand tu passes ta souris sur Télécharger, par exemple, une barre s'affiche en dessous : Poser une question, Logiciels Windows, ...
Merci d'avance !
je cherche une façon pour afficher une seconde barre de navigation lors du passage de la souris sur la première barre de navigation.
Comme du site CCM : Quand tu passes ta souris sur Télécharger, par exemple, une barre s'affiche en dessous : Poser une question, Logiciels Windows, ...
Merci d'avance !
A voir également:
- Div qui s'affiche au passage de la souris
- Quelle touche pour débloquer la souris ? - Guide
- Passage qwerty azerty - Guide
- Le clavier de mon telephone ne s'affiche plus - Guide
- Souris ordinateur - Guide
- Souris qui va dans le mauvais sens - Guide
8 réponses
Bonjour,
Il te faut faire ça avec le CSS ou javascript
Par exemple en JS:
Ton bouton :
Et ton div en dessous :
Explications :
onmouseover="document.getElementById('menu1').style.display='block'"
Au survol de la souris, l'élément qui a pour id "menu1" est visible.
onmouseout="document.getElementById('menu1').style.display='none'"
A la sortie du survol de la souris, l'élément qui a pour id "menu1" est visible.
Mais ce n'est pas la meilleur méthode, j'en suis sûr que d'autres t'en donnerons de meilleurs ;-)
Désolé, ma réponse est un peu à l'arrache, mais j'allais aller me couché :-P
Il te faut faire ça avec le CSS ou javascript
Par exemple en JS:
Ton bouton :
<a href="#" onmouseover="document.getElementById('menu1').style.display='block'" onmouseout="document.getElementById('menu1').style.display='none'">MENU</a>
Et ton div en dessous :
<div id="menu1" style="display:none;" onmouseover="document.getElementById('menu1').style.display='block'" onmouseout="document.getElementById('menu1').style.display='none'"><a href="#">Sous menu1</a><a href="#">Sous menu2</a><a href="#">Sous menu3</a></div>
Explications :
onmouseover="document.getElementById('menu1').style.display='block'"
Au survol de la souris, l'élément qui a pour id "menu1" est visible.
onmouseout="document.getElementById('menu1').style.display='none'"
A la sortie du survol de la souris, l'élément qui a pour id "menu1" est visible.
Mais ce n'est pas la meilleur méthode, j'en suis sûr que d'autres t'en donnerons de meilleurs ;-)
Désolé, ma réponse est un peu à l'arrache, mais j'allais aller me couché :-P
Ça fonctionne, mais est-ce que je peux définir un certain temps avant que la deuxième div disparaisse, car je n'ai pas le temps de descendre la souris avant qu'elle disparaisse ?
En fait ce que tu veux c'est un menu déroulant
c'est possible sans javascript
en voici un
http://css.mammouthland.net/menu-horizontal-deroulant-en-css.php
c'est possible sans javascript
en voici un
http://css.mammouthland.net/menu-horizontal-deroulant-en-css.php
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Merci animostab, ça fonctionne à merveille, mais je voudrais que le sous-menu soit horizontal, comment faire ?
la ou il y a
#menu li:hover ul li {
float:none;
}
tu mets float: left; ou meme rien du tout tu efface tout le code css en gras
#menu li:hover ul li {
float:none;
}
tu mets float: left; ou meme rien du tout tu efface tout le code css en gras