viernes, 1 de junio de 2012

Animaciones con Jquery 1

Animaciones con Jquery 1

Esta animación consiste en una Caja, la cual al pasar el mouse sobre ella (mouseover) puede aceptar un nuevo evento, que consiste en agregar nuevos elementos al div en la posición marcada por el mouse, para ello se utilizan los métodos pageX y pageY que obtiene la posición del mouse.

* Para que el ejemplo funcione la resolución deber de ser de 1280 píxeles de ancho, ya que si varía el screen de la pantalla variará la posición exacta del puntero.

Para verlo más claro tienes que hacer click dentro de la caja, también prueba a hacerlo fuera de ella...

Animación 1


El código es el siguiente...