Ver Mensaje Individual
  #1 (permalink)  
Antiguo 06/09/2010, 12:48
memox32
 
Fecha de Ingreso: julio-2008
Ubicación: San Luis
Mensajes: 70
Antigüedad: 16 años, 5 meses
Puntos: 1
efecto animate() problemas!

Gente quiero realizar un slide de noticias sencillo, cuando el mouse se posiciona en el slide se detiene cuando se sale sigue corriendo el slide, se que es algo sencillo pero no logro acertar en mi codigo.

mi codigo javaScript (recuerden que utilizo jquery):


Código:
var alto_news;	
	
$(document).ready(function() {
	alto_news = $(".noticias").height();  
	play_slide(alto_news);
	//MouseOver
	$(".noticias").hover(function() {
		$(this).css({color: "#AAA"}); 
		$(this).clearQueue();			
		$(this).stop(true, false);
	}, function() {	
              play_slide(alto_news);
	    });
});

//Animacion del slide
function play_slide(p_alto_news){	
       $(".noticias").css({color: "#000"});   
       $(".noticias").animate({"top": "-="+(p_alto_news+10)+""}, 5000, 'linear', function() {
       $(".noticias").animate({"top": "+="+(p_alto_news+10)+""},0);
	    play_slide(alto_news);		
       }); 	  
}

Mi problema esta cuando yo salgo de encima del div noticias. pierde el hilo de la animacion y empieza a funcionar mal.
Gracias por la ayuda