Menu animer horizontale ou vertical , accèssible sans js (sauf ie6)
Soyez le premier à donner votre avis sur cette source.
Vue 12 274 fois - Téléchargée 2 377 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
- Menuh
- Accessible menu - Meilleures réponses
- Menu accessible - Meilleures réponses
- Menu horizontal et vertical - Codes sources - Javascript (Menu & Co)
- Animation flash sur un site sans menu contextuel ??? ✓ - Forum - Flash
- Defilement d'un objet horizontal ou vertical - Codes sources - Visual Basic / VB.NET (Graphique)
- Visual Basic / VB.NET : Créer un menu trés trés personnel sous vb sans les api - Guide
- Visual Basic / VB.NET : Animer une fenêtre avec animatewindow (sans l'effet noir dans la fen&e - Guide
10 janv. 2011 à 02:28
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 !!
8 janv. 2011 à 20:28
Un peu lourd en mémoire pour un menu
9/10
27 mai 2010 à 15:16
ce code m'a beaucoup aider
28 avril 2010 à 22:52
28 avril 2010 à 22:50
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.