Menu déroulant progressif

betatest
Invité n'ayant pas de compte PHPfrance

06 févr. 2007, 14:26

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 !

Administrateur PHPfrance
Administrateur PHPfrance | 3088 Messages

07 févr. 2007, 07:43

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.

betatest
Invité n'ayant pas de compte PHPfrance

07 févr. 2007, 11:46

salut !

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

Mammouth du PHP | 601 Messages

08 févr. 2007, 16:47

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.
http://xavier-artot.com
¨'°-.,¸¸,.-·²°'´¨'°-.,¸¸,.-·²°'´¨'°-.,¸¸,.-·°'´¨
système d'exploitation "Ubuntu 7.10"

Invité
Invité n'ayant pas de compte PHPfrance

08 févr. 2007, 22:35

salut,

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

Merci

Mammouth du PHP | 601 Messages

09 févr. 2007, 00:24

On est toujours mieux servit par soi même, y a pas plus concret.
http://xavier-artot.com
¨'°-.,¸¸,.-·²°'´¨'°-.,¸¸,.-·²°'´¨'°-.,¸¸,.-·°'´¨
système d'exploitation "Ubuntu 7.10"

Administrateur PHPfrance
Administrateur PHPfrance | 11457 Messages

09 févr. 2007, 01:28

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. ;)

Mammouth du PHP | 601 Messages

09 févr. 2007, 03:07

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
http://xavier-artot.com
¨'°-.,¸¸,.-·²°'´¨'°-.,¸¸,.-·²°'´¨'°-.,¸¸,.-·°'´¨
système d'exploitation "Ubuntu 7.10"