Je veux créer une barre de menu déroulant avec l'action de la souris en utilisant jquery, css, html .. S'il vous plaît suis nouveau à de telles idées quelqu'un peut-il m'aider.création de la barre de menu
0
A
Répondre
2
Je pense que cela vous aidera à une tonne: http://css-tricks.com/simple-jquery-dropdowns/
1
Rechercher plugins ici - http://plugins.jquery.com/
2
Si vous voulez développer à partir de zéro, vous pouvez jeter un oeil à ce demo, qui vous aidera à comprendre le fonctionnement d'un menu déroulant. Si vous ne voulez pas réinventer la roue, vous pouvez opter pour n'importe quel plugin déjà existant comme mentionné par d'autres.
HTML
<ul id="menu">
<li class="menuitem">
<a href="#">Menu Item 1</a>
<div class="submenu">
<div>1</div>
<div>2</div>
</div>
</li>
<li class="menuitem">
<a href="#">Menu Item 2</a>
<div class="submenu">
<div>3</div>
<div>4</div>
</div>
</li>
<li class="menuitem">
<a href="#">Menu Item 3</a>
<div class="submenu">
<div>5</div>
<div>6</div>
</div>
</li>
</ul>
CSS
#menu li.menuitem
{
width: 100px;
height: 30px;
float: left;
margin: 0 10px;
}
.submenu
{
display: none;
border-bottom: 1px solid #a9a9a9;
border-left: 1px solid #a9a9a9;
border-right: 1px solid #a9a9a9;
}
.submenuactive
{
display: block;
border-bottom: 1px solid #a9a9a9;
border-left: 1px solid #a9a9a9;
border-right: 1px solid #a9a9a9;
}
JQuery
$(function(){
$("#menu li.menuitem").hover(function(){
$(this).find("div.submenu").removeClass("submenu").addClass("submenuactive");
},
function(){
$(this).find("div.submenuactive").removeClass("submenuactive").addClass("submenu");
});
});
Questions connexes
- 1. Création d'une barre de menu avec WinAPI
- 2. Problèmes lors de la création d'un menu déroulant/barre latérale
- 3. qt barre de menu de la fenêtre
- 4. jquery menu de la barre latérale
- 5. Comment redimensionner la barre de menu
- 6. Android: affiche toujours la barre de menu/barre de menu statique
- 7. Création d'un bouton de menu dans Windows
- 8. Android: TabActivity, création de menu
- 9. Position de barre de menu contrôlable PHP
- 10. Création d'une barre de recherche
- 11. AIR: compte tenu de la barre de menu MacOSX?
- 12. Comment régler la barre de menu de défilement horizontal
- 13. Création d'un menu contextuel personnalisé
- 14. javascript menu déroulant avec barre de défilement
- 15. ASP barre de menu, vue statique
- 16. jquery barre de menu flottante top
- 17. Ligne sous ma barre de menu!
- 18. Création de boutons de menu avec CSS
- 19. Menu déroulant dans la barre d'outils WPF
- 20. BlackBerry - Barre d'outils de menu personnalisée
- 21. Quelle est la méthode de création d'un menu de thème?
- 22. Flex4 comment sélectionner un élément de menu dans la barre de menu
- 23. Afficher le menu contextuel sur la barre de menu de l'application mainframe MFC
- 24. Implémentation de la barre de menu et du menu déroulant dans QML (Qt Quick)
- 25. Eclipse RCP: Supprimer le menu contextuel de la barre persective
- 26. Placer les informations dans la barre de menu Mac Article
- 27. Supprimer la barre d'outils du menu Fichier de Visual Studio (barre de menus)
- 28. Création d'un menu déroulant
- 29. Menu/barre d'outils JavaScript/HTML
- 30. L'élément de menu n'apparaît pas lors de la création d'un menu dans Interface Builder
recherche toujours avant de demander. http://www.catb.org/~esr/faqs/smart-questions.html – dheerosaur