A voir également:
- Aide pour un sous menu
- Menu déroulant excel - Guide
- Windows 11 menu démarrer classique - Guide
- Canon quick menu - Télécharger - Utilitaires
- Réinitialiser menu démarrer windows 10 - Guide
- Menu demarrer windows 10 - Guide
2 réponses
lili34500
Messages postés
178
Date d'inscription
lundi 11 février 2008
Statut
Membre
Dernière intervention
17 août 2012
16
9 août 2012 à 08:35
9 août 2012 à 08:35
Si tu connait suffisamment tu pourait utiliser jQuery ....
Avec les effets fadeIn() et fadeOut() .
Avec les effets fadeIn() et fadeOut() .
Salut,
Voici un menu, je ne sais pas trop, si c'est ce que tu voulais, t'as plus qu'a copier le code. Regarde les commentaire sur le code pour plus d'infos.
Bon courage, et dis-moi, si c'est ça que tu voulais
Voici un menu, je ne sais pas trop, si c'est ce que tu voulais, t'as plus qu'a copier le code. Regarde les commentaire sur le code pour plus d'infos.
<html>
<head>
<style>
a { text-decoration: none; font-family: 'Fugaz One', Arial; color: #992b21;
-webkit-transition-duration: 350ms; /* Ici animation de la couleur de l'arrière plan */
-webkit-transition-property: background-color;
-webkit-transition-timing-function: ease;
-moz-transition-duration: 350ms;
-moz-transition-property: background-color;
-moz-transition-timing-function: ease;
-o-transition-duration: 350ms;
-o-transition-property: background-color;
-o-transition-timing-function: ease;} /* Fin de l'animation */
a:hover { color: white; background-color: #992b21; -webkit-border-radius: 4px; border-radius: 4px; padding: 5px;}
.sousmenu ul {display: none;}
ul {list-style: none; }
ul li {margin: 10px; padding: 5px;}
</style>
<title> Test formum</title>
<link href='http://fonts.googleapis.com/css?family=Fugaz+One' rel='stylesheet' type='text/css'> <!-- Pour la police du menu 'Fugaz One' -->
</head>
<body>
<div id="navMain">
<!--nav start -->
<nav> <!-- La balise nav est mieux que le div pour un menu, elle fait partie des nouvelles balises HTML-->
<ul class="niveaux1">
<li><a href="index.html">ACCUEIL</a></li>
<li><a href="qui_somme_nous.html">QUI SOMME NOUS?</a></li>
<li class="sousmenu"><a href="javascript:void(0)"class="hover">NOS PRODUITS</a>
<ul>
<li><a href="http://google.com">professionnel</a></li>
<li><a href="#">particulier</a></li>
</ul>
</li>
<li><a href="contact.html">CONTACTEZ NOUS</a></li>
</ul>
</nav>
</div>
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <!-- La on charge jQuery -->
<script> <!-- code jQuery pour l'animation du sous-menu -->
$('.sousmenu').click(function(){ // au clic de nos produit : .sous-menu
$('.sousmenu ul').toggle('slow'); // le sous-menu apparait ou disparait grace a .toggle()
});
</script>
</body>
Bon courage, et dis-moi, si c'est ça que tu voulais