Page 1 sur 1

Menu déroulant progressif

Posté : 06 févr. 2007, 14:26
par betatest
bonjour,

je cherche à faire un menu un peu particulier. Je souhaite réalisé un menu déroulant mais inversé c'est à dire que lorsque l'on passe la souris sur le lien du menu ce n'est pas les liens du sous menus qui se positionne au dessous mais c'est le lien principal qui descend et les nouveaux sous liens se positionne au dessus.

Menu initial :
___________
Menu

-> l'utilisateur passe la souris sur le menu qui descend progressivement
___________
Sous menu 1
Sous menu 2
Sous Menu 3
Menu

-> l'utilisateur met sa souris en dehors, le menu remonte progressivement

je voudrais savoir si certains on déjà vu ce type de menu pour que je puisse m'inspirer d'un code existant.. ou si vous avez des idées (css, js, peu importe)...

Merci !

Posté : 07 févr. 2007, 07:43
par Hubert Roksor
Tu trouveras de nombreux exemples à cette adresse : http://www.cssplay.co.uk/menus/index.html dans la colonne de droite "Menus - Multi-Level CSS Only". Dans le lot il doit y avoir ce que tu cherches.

Posté : 07 févr. 2007, 11:46
par betatest
salut !

intéressant ton site mais je n'ai malheuresement pas trouvé le type de menu que je cherche... :(

Posté : 08 févr. 2007, 16:47
par artotal
Ce que tu veux faire c'est en javascript que c'est possible, perso je te conseillerai des librairie d'effet. Tu as par exemple avec prototype l'effet toogle. Qui te permet ça.

Code : Tout sélectionner

Element.toggle( element );
Mais je ne sait pas si il prend des paramètres en option :
http://wiki.script.aculo.us/scriptaculo ... ent.toggle
Mais sur scriptaculous tu as des dizaines d'effets de ce genre.

Posté : 08 févr. 2007, 22:35
par Invité
salut,

je connais scriptaculous en effet il y a de super effet mais je cherche plutot un exemple concret de menu... :D

Merci

Posté : 09 févr. 2007, 00:24
par artotal
On est toujours mieux servit par soi même, y a pas plus concret.

Posté : 09 févr. 2007, 01:28
par albat
Il n'y a pas à chercher bien loin.
Le code javascript permettant d'ouvrir un sous-menu en descendant
peut très bien être utilisé pour ouvrir un sous-menu en montant !

Il suffit de changer les coordonnées et de "négativer" les valeurs de déplacement. ;)

Posté : 09 févr. 2007, 03:07
par artotal
exact
avec script.aculo.us.

Code : Tout sélectionner

new Effect.SlideUp(id_elt,{duration:1.0});
pour inverser le mouvement

Code : Tout sélectionner

new Effect.SlideDown(id_elt,{duration:1.0});
et dans le même style tu en as une dizaine