effet transition "banière" site javascript ? Résolu/Fermé

Question

Bonjour, tout el monde comment aller vous ? 

J'aimerai qu'a l'ouverture de mon site, mon header descende pour prendre sa place "comme une animation flash, mais là je la voudrai en Javascript ou JQuery".
Mathématiquement c'est peut-être plus compréhensible:
Ma div fait 100px de hauteur
Au dépare je la met à y=-100px
Pour la placé à y=0px
avec un effet de transition entre les deux valeurs de y.

Je sait que des sites génère le code à notre place.
Il faut charger un fichier à mettre dans le dossier racine du site pour que le code marche.

Quelqu'un pourrait peut-être m'aider à trouver mon bonheur?
Merci d'avance et bonne journée. 



Configuration: Windows XP / Firefox 3.6.12

Nanolenain · Answer

Petite correction : jquery, c'est du javascript. Il s'agit en fait d'une sorte de librairie simplifiant le code.
pour utiliser du jquery, il faut d'abord telecharger la librairie sur leur site.
Ensuite, ton code devrait ressembler a ca :

$(function(){
$("#id_de_ton_header").css({ "position" : "relative", "top" : "-100px"});
$("#id_de_ton_header").animate({ "top" : 0 }, duree_en_milliseconde_de_lanimation);
});

Pour la suite et le debug, tu peux te débrouiller seul a l'aide des nombreux tutos que tu peux trouver sur internet.

Effet transition "banière" site javascript ?

1 réponse

Discussions similaires