1 pièce(s) jointe(s)
Super menu mootools trop cool !
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:
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
}
});
});
}); |
