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

Soyez le premier à donner votre avis sur cette source.

Vue 11 402 fois - Téléchargée 2 120 fois

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

Ajouter un commentaire

Commentaires

Signaler
cs_Kimjoa
Messages postés
264
Date d'inscription
vendredi 6 mai 2005
Statut
Membre
Dernière intervention
19 septembre 2014
 -
salut benja13280 merci pour t'as notes ;)
en faite c'est vrai que ça reste lourd... je pense savoir comment optimiser tout ça , c'est juste que j'ai pas trop le temps en ce moment, ... je pense qu'il faut jouer sur la délégation d'évènement ...
Je vais essayer de trouver le temps quand même :-)
bye !!
Signaler
benja13280
Messages postés
13
Date d'inscription
vendredi 30 octobre 2009
Statut
Membre
Dernière intervention
4 novembre 2009
 -
Très bonne source ! Ultra-paramétrable ! Très utile autant pour novices que pour professionnels. Merci
Un peu lourd en mémoire pour un menu

9/10
Signaler
tri2b21
Messages postés
2
Date d'inscription
mardi 2 juin 2009
Statut
Membre
Dernière intervention
27 mai 2010
 -
en tout cas merci
ce code m'a beaucoup aider
Signaler
cs_Kimjoa
Messages postés
264
Date d'inscription
vendredi 6 mai 2005
Statut
Membre
Dernière intervention
19 septembre 2014
 -
regarde le code source de la page présentant, ou enregistre la et garde y que le menu. Sinon ce site est celui d'un plug-in modx, et il explique la syntaxe pour générer le template....
Signaler
cs_Kimjoa
Messages postés
264
Date d'inscription
vendredi 6 mai 2005
Statut
Membre
Dernière intervention
19 septembre 2014
 -
lol PetoleTeam je sais écrire menu sans faire de faute :)
Sinon le lien que tu fournie utilise du js pour ie6, tout comme le miens qui reste accessible sans js. Le but de mon script étant de donner un comportement plus naturelle, et aussi des animations....

Sinon il existe vraiment une solution pour faire un menu sans js avec ie6, il faut utiliser des table combiner avec des ul, et le menu est limiter en profondeur. -> http://www.muddydogpaws.com/development/wayfinder/examples/example-1.html
Afficher les 8 commentaires
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)