Menu Jquery
Résolu/Fermé
Le_médiamaticien
Messages postés
8
Date d'inscription
jeudi 9 août 2012
Statut
Membre
Dernière intervention
22 août 2012
-
Modifié par Le_médiamaticien le 15/08/2012 à 15:44
Le_médiamaticien Messages postés 8 Date d'inscription jeudi 9 août 2012 Statut Membre Dernière intervention 22 août 2012 - 22 août 2012 à 10:10
Le_médiamaticien Messages postés 8 Date d'inscription jeudi 9 août 2012 Statut Membre Dernière intervention 22 août 2012 - 22 août 2012 à 10:10
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
- Windows 11 menu démarrer classique - Guide
- Réinitialiser menu démarrer windows 10 - Guide
- Canon quick menu - Télécharger - Utilitaires
- Windows 11 menu contextuel classique - Guide
4 réponses
fredconv
Messages postés
125
Date d'inscription
mardi 25 août 2009
Statut
Membre
Dernière intervention
4 décembre 2017
38
21 août 2012 à 17:22
21 août 2012 à 17:22
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 ?
Le_médiamaticien
Messages postés
8
Date d'inscription
jeudi 9 août 2012
Statut
Membre
Dernière intervention
22 août 2012
21 août 2012 à 17:35
21 août 2012 à 17:35
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
fredconv
Messages postés
125
Date d'inscription
mardi 25 août 2009
Statut
Membre
Dernière intervention
4 décembre 2017
38
22 août 2012 à 09:57
22 août 2012 à 09:57
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 ...
++
Le_médiamaticien
Messages postés
8
Date d'inscription
jeudi 9 août 2012
Statut
Membre
Dernière intervention
22 août 2012
22 août 2012 à 10:10
22 août 2012 à 10:10
C'est plus ou moins ce que j'avais imaginé, le jquery me parait être la meilleurs solution.
Merci beaucoup d'avoir pris du temps pour me répondre !
a+
Merci beaucoup d'avoir pris du temps pour me répondre !
a+