Javascript

Mover un objeto por pantalla utilizando JavaScript

mover un objeto con JavaScriptEste post lo dejo aquí colgado por que me parece un buen ejemplo que puede valer a mucha gente para empezar a programar un poco con JavaScript utilizando al mismo tiempo CSS3. Se trata de una manera “relativamente” sencilla de mover un objeto por pantalla utilizando estos dos lenguajes.

Para esto utilizaremos el método getElementById de JavaScript, @-webkit-keyframes y  @-moz-keyframes de CSS3. Con esto conseguiremos el típico efecto de los salvapantalla de ordenador en el que podemos ver un elemento botando de un lado a otro por la pantalla.

Si quieres  ver el resultado final del ejemplo, puedes hacerlo en el siguiente enlace. El ejemplo solo consta de un único archivo, pero lo suyo llegado el caso sería dividirlos según los diferentes lenguajes.



Mover un objeto por pantalla con JavaScript

Como digo, el código que se necesita irá todo dentro de un archivos index.html.

CSS3

JavaScript

HTML

Evidentemente todo este código ha de ir envuelto entre las correspondientes etiquetas.

Deja un comentario