PAGE PLIGNE PIÈCE:
<body> <ul id = menu> <li> <a href = #> Premier menu1 </a> <ul> <li> Deuxième menu1 </li> <li> Deuxième menu1-1 </li> <li> Deuxième menu1-2 </li> <li> Deuxième menu1-3 </li> </ul> </li> <li> Second Menu1-3 </li> </li> </li> <h> Menu2 </a> <ul> <li> Deuxième menu2-1 </li> <li> Deuxième menu2-2 </li> <li> Deuxième menu2-3 </li> </li> </li> <li> Deuxième menu2-3 </a> <ul> <li> Deuxième menu3 </a> <ul> <li> deuxième menu3 </a> <ul> <li> <li> Deuxième menu3 </li> </li> <li> Deuxième menu3 </a> <ul> <li> Menu de deuxième niveau 4-1 </li> <li> Menu de deuxième niveau 4-2 </li> <li> Menu de deuxième niveau 4-3 </li> </li> </li> <ul> </ body>
Exemple de menu pliant:
Partie CSS
<Aad> <style type = text / css> li {list-style: aucun; Supprimez les graphiques précédents de la liste} li a {couleur: # 123; Définissez la couleur du texte du menu de premier niveau} #meu ul {affichage: aucun; Définissez le menu secondaire non affiché par défaut} #Menu> li: Hover ul {display: block; Lorsque la souris glisse dans le menu de premier niveau, le menu secondaire sera affiché} </fyle> </ head>Exemple du menu de l'accordéon:
Partie CSS
<Aad> <style type = text / css> li {list-style: aucun; Supprimez la figure précédente de la liste} li a {couleur: # 123; Définissez la couleur du texte du menu de premier niveau} #Menu> li, # menu> li> a, # menu> li> ul {float: gauche; Menu de premier niveau, menu de deuxième niveau de menu à gauche} #Menu> li> a {display: block; Color en arrière-plan; rouge; } #Menu> li: Hover ul {display: block;} # menu> ul {affiche: aucun; Largeur: 100px; Color en arrière-plan: # 123; padding-top: 20px;} </ style> </-head> RésumerCe qui précède est l'exemple de code d'implémentation du menu de pliage et du menu accordéon qui vous est présenté par l'éditeur. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!
Si vous pensez que cet article vous est utile, veuillez le réimprimer. Veuillez indiquer la source, merci!