Menu animer horizontale ou vertical , accèssible sans js (sauf ie6)
Soyez le premier à donner votre avis sur cette source.
Vue 11 603 fois - Téléchargée 2 220 fois
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)
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
}
});
});
});
Codes Sources
A voir également
- Menu animer horizontale ou vertical , accèssible sans js (sauf ie6)
- Menu horizontal et vertical - Codes sources - Javascript (Menu & Co)
- Animation flash sur un site sans menu contextuel ??? ✓ - Forum - Flash
- Menu javascript horizontal - Guide
- Menu déroulant html css vertical - Guide
- Defilement d'un objet horizontal ou vertical - Codes sources - Visual Basic / VB.NET (Graphique)
Commentaires
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 !!
Un peu lourd en mémoire pour un menu
9/10
ce code m'a beaucoup aider
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
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.