Ejercicio realizado por Luis Jesús H. e Israel C.
La animación que hemos realizado consiste en mover una mosca por una página web simple, que también hemos desarrollado.
Hemos programado la animación mediante distintas funciones que describen el movimiento de la mosca. Un movimiento vertical, y otro horizontal. Al unirlos los dos, conseguimos el efecto de transición deseado.
En el código JavaScript también hemos añadido algunas funcionalidades para la página web, como ocultar el email o el funcionamiento de los distintos botones, incluidas algunas funcionalidades para la animación, como aumentar la velocidad o disminuirla.
Las funciones para la animación nos piden por parámetro el id del elemento html que queramos animar, por lo que podríamos aplicar el efecto de transición a cualquier otro elemento.
Aquí tenemos el código JavaScript (pagina_animacion.js)
-> http://pastebin.com/dAg1wdmq
A continuación el código html de la web (index.html)
-> http://pastebin.com/KfFxPTcc
Y finalmente, el archivo de estilos de la web (estilos.css)
-> http://pastebin.com/9KihjGrx
Para visualizar la web montada, podemos visitar el siguiente enlace.
-> http://tinyurl.com/lehw96n
Un saludo.