Animation en javascript

Animer un objet, grâce à javascript, peut apporter à votre un véritable plus … pour autant que vous restiez dans la sobriété.

Dans cet article, nous allons montrer comment animer une division pour quelle bouge, en ligne droite, vers n'importe quelle position, à gauche, à droite, vers le haut, vers le bas ou en diagonale.

Pour illustrer notre propos, nous allons donc déplacer le rectangle rouge vers la case sur laquelle vous cliquerez.

Comment nous y sommes-nous pris ? Tout d'abord, nous avons créé une table de neuf cellules. Dans la cellule du milieu, nous avons inclus une division dont le positionnement est relatif (la fameuse cellule à fond rouge). Toutes les autres cellules sont affublées d'un événement onclick qui commandera l'animation souhaitée.

Nos autres articles