Discussion :

[kimjoa]

Un code source gratos pour faire des menu surgissant tros coool
Tout ce base sur des liste ul/li et des css.
Ensuite on initialise le menu en lui passant en premier argument l'élément racine, et en second les options d'animations.
On peux animer aussi bien les ul, que les li.
Faux connaitre un peux mootools pour pouvoir personnaliser ses animations.

Un exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
window.addEvent("domready", function(){
		$$('.menu').each(function(el){
		    new Menu(el, {
				ulAnim : {
					startStyles : {
						left :  450,//les positions sont a utilisr avec  parcimonie, elles peuvent entrainer des comportements inatendues
						top :  -100,
						width : 0,
						height : 0,
						opacity : 0
					},
					delay : 1000,
					duration : 500,
					transition : Fx.Transitions.Cubic.easeOut
				},
				liAnim : {
					endStyles : {
						'background-color' : '#4c99c3'
					},
					notInBar : true,//pour ne pas animer les items de la bar horizontale
					duration :  500,
					transition : Fx.Transitions.Cubic.easeOut
				}
 
			});
		});
	});

[vermine]

Je rencontre des petits décalages sur IE7 mais ça reste sympa. Merci pour le partage de sources.

[kimjoa]

de rien vermine