Le. dropdown-content classe contient le menu déroulant réel. Il est caché par défaut, et sera affiché sur le vol stationnaire (see below) - (see below). Notez que le min-width est réglé sur 160px. Ne hésitez pas à changer cela. Astuce: Si vous voulez que la largeur du contenu déroulant soit aussi large que le bouton déroulant, définissez la width à 100% (et overflow:auto pour activer défilement sur les petits écrans). Au lieu d'utiliser une frontière, nous avons utilisé la box-shadow propriété pour faire le menu déroulant ressemble à une "card". Étape 3) Ajouter JavaScript: Exemple
/* When the user clicks on the button, toggle between hiding and showing
the dropdown content */ function myFunction() {
tElementById("myDropdown"). ("show");}
// Close the dropdown menu if the user clicks outside of it
window. onclick = function(event) { if (! ('. Javascript menu déroulant. dropbtn'))
{ var dropdowns = tElementsByClassName("dropdown-content");
var i;
for (i = 0; i <; i++) {
var openDropdown = dropdowns[i]; if (ntains('show'))
{
('show');}}}} Essayez vous - même » Menu déroulant dans Navbar Astuce: Allez à notre CSS Dropdowns Tutoriel pour en savoir plus sur les listes déroulantes.
--menu Club -->
< a href = "#" > < h3 > Le club
< ul >
< li > < a href = "#" > Le bureau
< li > < a href = "#" > L'encadrement
< li > < a href = "#" > Les équipements
< li > < a href = "#" > les inscriptions
< li > < a href = "#" > Le règlement
< li > < a href = "#" > Les lettres du Club
Merci d'avance pour vos explications. Menu déroulant avec javascript. 09/12/2013, 00h33
#2
09/12/2013, 00h45
#3
Parfait j'en attendais pas moins j'ai compris ou placer mes deux lignes. Grand merci a toi
09/12/2013, 00h49
#4
+ Répondre à la discussion Cette discussion est résolue. Discussions similaires
Réponses: 2
Dernier message: 19/02/2008, 16h08
Réponses: 5
Dernier message: 24/03/2005, 08h33
Réponses: 4
Dernier message: 11/02/2005, 14h26
Réponses: 11
Dernier message: 06/12/2004, 16h31
Dernier message: 05/05/2004, 14h31
× Vous avez un bloqueur de publicités installé. Le Club n'affiche que des publicités IT, discrètes et non intrusives.
Pour le fournir l'effet de montrer/cacher des sous-menus sans JavaScript. En modifiant le code qui suit, vous pouvez changer les couleurs de votre menu.