Menu animer horizontale ou vertical , accèssible sans js (sauf ie6)

Télécharger le projet
Commenter

Description

Après pas mal de recherche de menu, j'ai été surpris de pas trouver un me convenant, je l'ait donc créer et vous le fournie gratos ;)

note : J'arrive pas a animer les position les background sous ie (a testé avec la nouvelle version de mootools)

Source / Exemple : 


window.addEvent("domready", function(){
		$$('.menu').each(function(el){
		    new Menu(el, {
				ulAnim : {
					startStyles : {
						left :  100,//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-position' : '210px, 0'
					},
					notInBar : true,//pour ne pas animer les items de la bar horizontale
					duration :  500,
					transition : Fx.Transitions.Cubic.easeOut
				}
							
			});
		});
	});
Télécharger le projet

Codes Sources

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (cs_Kimjoa)