animation java script(boite)

[fehdi]

slt,
comment creer une animation avec java script j'ai crée un boutton
et une petite boite si je clique sur ce boutton la boite se deplace verticalement
comment fait ca
merci

[lordmyko]

Salut,
Le javascript te permet facilement de modifier les propriétés des éléments présents dans ta page web.
Pour réaliser des actions simples comme sélectionner un élément et modifier ses propriétés de position, je te suggère de lire le Tutoriels JS de ce site.
Tu pourras apprendre à te servir de librairie toute faite qui permettent de réaliser en très peu de lignes ce genre d'opération.

Pour répondre quand même un minimum à ton problème :
1 : sélectionne la div à déplacer :

Code :

var block = document.getElementById('idBlock');

2 : crée une boucle pour le déplacement progressif avec setInterval:

Code :

setInterval(fonctionDeDeplacement, 15);

le 15 c'est le temps (en milliseconde) entre chaque exécution de ta boucle

3 : crée la fonction qui va modifier la propriété de ton block :

Code :

1
2
3
fonctionDeDeplacement() {
block.style.top = block.style.top + 1;
}

Tu n'arrivera pas à faire ce que tu demande sans consulter un minimum de cours, c'est juste pour te mettre sur la voie.