Menu Jquery
Résolu
Le_médiamaticien
Messages postés
8
Date d'inscription
Statut
Membre
Dernière intervention
-
Le_médiamaticien Messages postés 8 Date d'inscription Statut Membre Dernière intervention -
Le_médiamaticien Messages postés 8 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je voudrais savoir s'il est possible de faire le menu auquel je pense en Jquery.
A savoir un menu qui aurait les titres de ses différentes rubriques abrégés et qui lorsque l'on passerait dessus s'agrandirait et ferait ainsi apparaître les titres en entier.
Je crois savoir comment faire pour que les rubriques s'agrandissent mais j'ai besoins de votre aide pour le reste svp.
Je voudrais savoir s'il est possible de faire le menu auquel je pense en Jquery.
A savoir un menu qui aurait les titres de ses différentes rubriques abrégés et qui lorsque l'on passerait dessus s'agrandirait et ferait ainsi apparaître les titres en entier.
Je crois savoir comment faire pour que les rubriques s'agrandissent mais j'ai besoins de votre aide pour le reste svp.
A voir également:
- Menu Jquery
- Menu déroulant excel - Guide
- Canon quick menu - Télécharger - Utilitaires
- Windows 11 menu contextuel classique - Guide
- Windows 11 menu démarrer classique - Guide
- Réinitialiser menu démarrer windows 10 - Guide
4 réponses
Salut
Pour cela tu pourrais te passer de jquery et le faire uniquement en css:
.menu_item{
width:200px;
overflow:hidden
}
.menu_item:hover{
width:400px
}
est ce que ce genre de solution irait ?
Pour cela tu pourrais te passer de jquery et le faire uniquement en css:
.menu_item{
width:200px;
overflow:hidden
}
.menu_item:hover{
width:400px
}
est ce que ce genre de solution irait ?
Salut
Tout d'abord merci pour ta réponse.
C'est vrai que c'est une bonne solution, mais j'ai pensé au Jquery car je voulais avoir un effet d'animation lors du survole
Tout d'abord merci pour ta réponse.
C'est vrai que c'est une bonne solution, mais j'ai pensé au Jquery car je voulais avoir un effet d'animation lors du survole
salut :)
pour l animation. en effet jquery te permet de faire cela. (mais ca peut etre fait avec uniquement de la css3 (pas css2)
voici un exemple avec juste de la css (malheureusement IE pas compatible.. ):
sinon en jquery (+ court):
peut etre quelques ajustement a faire ...
++
pour l animation. en effet jquery te permet de faire cela. (mais ca peut etre fait avec uniquement de la css3 (pas css2)
voici un exemple avec juste de la css (malheureusement IE pas compatible.. ):
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div
{
width:100px;
height:80px;
background:red;
overflow:hidden;
transition:all 0.5s ;
-moz-transition:all 0.5s ; /* Firefox 4 */
-webkit-transition:all 0.5s ; /* Safari and Chrome */
-o-transition:all 0.5s ; /* Opera */
}
h1{white-space:nowrap}
div:hover
{
width:400px;
height:200px;
}
</style>
</head>
<body>
<p><b>Note:</b> This example does not work in Internet Explorer.</p>
<div>
<h1>Voici un titre tres long</h1>
<p>Nunc sodales ante sit amet risus rhoncus sit amet tempus nunc bibendum. Etiam nec enim id erat volutpat vestibulum. Pellentesque et metus erat, in consectetur magna.</p>
</div>
<p>Hover over the div element above, to see the transition effect.</p>
</body>
</html>
sinon en jquery (+ court):
$(".div_a_survoler").mouseover(function(){ $(this).animate({height:'300px'},'fast') });
$(".div_a_survoler").mouseout(function(){ $(this).animate({height:'100px'},0) });
peut etre quelques ajustement a faire ...
++