pour positionner le menu déroulant correctement avec CSS. Étape 2) Ajouter CSS: Exemple
/* Dropdown Button */. dropbtn {
background-color: #4CAF50; color: white;
padding: 16px; font-size: 16px;
border: none; cursor: pointer;} /* Dropdown
button on hover & focus */.
- Javascript menu déroulant
- Menu déroulant javascript
- Menu déroulant javascript source
- Menu déroulant javascript.com
- Menu déroulant javascript dans votre navigateur
- La charly gaul 2019 parcours tour de france
J'ai vu cette méthode magique sur le Web, je la trouve élégante et ultra-légère et l'ai tout de suite adoptée. Elle est uniquement à base de CSS. Son secret est l'utilisation d'un input de type checkbox cachée pour dérouler le menu. Une démonstration
Le principe
Il s'agit de créer un input de type checkbox caché précédé de son label visible. En effet, lorsqu'un visiteur clique sur le label, miraculeusement il coche/décoche la checkbox sur tous les navigateurs. Ensuite avec un peu de css et le sélecteur:checked on affichera le bloc souhaité lorsque la checkbox est cochée. Menu déroulant javascript source.