[résolu]Menu déroulant animé

Bonjour,
Pour les menus dynamiques que j'utilisais jusqu'alors lorsque que l'utilisateur clic sur un menu, le sous menu apparait directement, si il re clic il disparait aussi sec.

J'aimerai savoir coment on peu faire pour ajouter un effet dans le temps.
Comme je sais que je ne suis aps clair voila un site avec un menu (a droite) qui illustre ce que je recherche.

Merci d'avance!
Modifié par DarkHerumor (09 Dec 2006 - 00:48)

Clique droit / Source de la page et tu as la réponse

<script type="text/javascript">
window.onload = function() {
var heightsearch = new fx.Height('show1', {duration: 500, transition: fx.sineIn});
heightsearch.hide();
$('box1').onclick = function() {
heightsearch.toggle();
};
var categories = new fx.Height('show2', {duration: 500, transition: fx.sineIn});
categories.hide();
$('box2').onclick = function() {
categories.toggle();
};
var archives = new fx.Height('show3', {duration: 500, transition: fx.sineIn});
archives.hide();
$('box3').onclick = function() {
archives.toggle();
};
var popular = new fx.Height('show4', {duration: 500, transition: fx.sineIn});
popular.hide();
$('box4').onclick = function() {
popular.toggle();
};
};

</script>

Je vois pas l'interets vu que je pige pas la moitié du code...
Après oui ok je pourrais copier coller le code
Mais en quoi ça me rendrai service? faire un truc que je comprend pas?...

....

bonjour !

Mais je pense que te rendre service serait de comprendre en premier et "copier" le code ensuite !

a écrit :

Mais en quoi ça me rendrai service? faire un truc que je comprend pas?...

..de pouvoir toi-même faire un menu déroulant , en partant de codes que tu comprends et ...l'améliorer !

++

ps: et le javascript n'est pas si terrible ... il y a de bon tuto sur alsacréationS
Modifié par kzone (08 Dec 2006 - 23:11)

Si le code s'arrétai a ce petit fragment oui d'accord mais c'est pas le cas...
Cette partie de code depend d'autre partie qui en dependent encore d'autre

Ce que j'aimerai c'est savoir si il y a un moyen simple qui permet de réaliser ce genre de menu sans superflux.
Je clic sur le lien ça descend doucement, je re clic ça remonte a la même vitesse.
Modifié par DarkHerumor (08 Dec 2006 - 23:41)

le problème dans ces "jolis menus à jolis effets "utilisant le Javascript c'est qu'il ne fonctionne plus si l'utilisteur désactive celui-ci ...

D'ou plus de menus du tout !!!
L'effet recherché n'est plus celui espéré ..

La solution c'est d'utiliser le CSS , un peu d'effort , de la patience et les
résultats que tu obtiendras ( genre dancer tout seul devant ton PC parceque çà marche !! si si je le fait !) sera bien plus grand ....

pour commencer : les menus proposés sur 'alsacréations' : construction de menu

ou bien encore un petit tour sur le site de CssPlay tout en css

Si tu tiens à le faire avec du javascript :
http://css.alsacreations.com/Tutoriels-JavaScript/bonnes-pratiques-javascript
comment bien coder en javascript[/url]
... mais il n'y a pas de solution "miracle" , et ce genre de menus demande plus que 3 lignes de codes (hélas !?) ...

bon courage
ps: si je trouve un tuto Js pour le menus je le post .
++
Modifié par kzone (09 Dec 2006 - 00:16)

Merci pour tout ces liens!
A vrai dire je ne pensais pas pouvoir faire ça en CSS et ça m'arange finalement

a écrit :
( genre dancer tout seul devant ton PC parceque çà marche !! si si je le fait !)

ça met déjà arriver

Merci bien, sujet [résolu]