Comunidad PHPeros

Lenguajes => JavaScript => Mensaje iniciado por: JoseLuisLeon en 04 de Septiembre de 2013, 04:46:54 am

Título: [JQuery] Empezar animación cuando el usuario visualiza la página.
Publicado por: JoseLuisLeon en 04 de Septiembre de 2013, 04:46:54 am

Estoy haciendo unas pruebas en JQuery, supongamos que tengo este código sencillo

Código: [Seleccionar]

$(document).ready(function(){
$('body').fadeIn('slow');
});[/code

Si dejamos cargando la página y entramos después, el fadeIn habrá empezado y nosotros no lo vimos. Mi duda es sencilla, ¿qué hago para que el fadeIn corra cuando el usuario entre a la página y este dentro? Osea, cambio de pestaña mientras carga, vuelvo y el efecto corre cuando entre, no antes.

Saludos, y gracias desde ya.

Título: Re:[JQuery] Empezar animación cuando el usuario visualiza la página.
Publicado por: iStocker en 04 de Septiembre de 2013, 07:55:03 am

No sé bien cómo se hace eso, peor creo que puedes utilizar el evento .mousemove de jQuery, así compruebas que por lo menos el mouse esté sobre la página.

Título: Re:[JQuery] Empezar animación cuando el usuario visualiza la página.
Publicado por: JoseLuisLeon en 05 de Septiembre de 2013, 04:28:48 am

Cita de: iStocker en 04 de Septiembre de 2013, 07:55:03 am

No sé bien cómo se hace eso, peor creo que puedes utilizar el evento .mousemove de jQuery, así compruebas que por lo menos el mouse esté sobre la página.

Ahora que lo dices, probaré con eso y quizá en mouseenter.
Igualmente espero la respuesta de alguien más.

Saludos.

Título: Re:[JQuery] Empezar animación cuando el usuario visualiza la página.
Publicado por: Focux en 07 de Septiembre de 2013, 01:16:52 am

En mi opinion mouseenter seria lo ideal.