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 :
var block = document.getElementById('idBlock');
2 : crée une boucle pour le déplacement progressif avec setInterval:
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 :
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.
Partager