Comunidad de diseño web y desarrollo en internet online

Repetir con jquery

Citar            
MensajeEscrito el 11 Ago 2011 12:51 am
Buenas, tengo un problema, me armo un script, inicia cuando la web carga, pero no se como hacer para que se repita, si alguien me puede explicar, o dejarme un ejemplo sencillo.

Por ejemplo, que algo cambie de color, de negro a azul, continuamente y que nunca se detenda y que inicie con la web... yo aria algo asi, funciona solo una ves, luego se detiene :S

Código Javascript :


$(document).ready(function (){   

$("#asd").animate({color:'#000'},"slow");
$("#asd").animate({color:'#00F'},"slow");
});



Se agradece cualquier tipo de ayuda.
saludos

Por alexx855

34 de clabLevel



 

firefox
Citar            
MensajeEscrito el 11 Ago 2011 01:30 am
Quieres que vaya cambiando continuamente?. Simplemente ponlo en un while, de la siguiente manera:

$(document).ready(function (){
var infinito=true;
while(infinito==true){
$("#asd").animate({color:'#000'},"slow");
$("#asd").animate({color:'#00F'},"slow");
}
});

Intentalo de esa manera.

Por harklesmaster

10 de clabLevel



 

chrome
Citar            
MensajeEscrito el 11 Ago 2011 09:55 pm
Las solucion de harklesmaster es incorrecta. While es sincronico por lo que el proceso se ejecuta millones de veces por segundo hasta que la condicion sea false; en este caso la condicion nunca es false por lo que incluso puede trabar el explorador.

Lo que usted tiene que hacer es un setinterval

Código Javascript :

$(document).ready(function (){    
   setInterval(function(){
      $("#asd").stop().animate({color:'#000'},1200); 
      $("#asd").animate({color:'#00F'},1200); 
   },2400)
});

Por ViejoIvan

7 de clabLevel



 

chrome
Citar            
MensajeEscrito el 12 Ago 2011 09:59 pm
Muchisimas gracias!

Por alexx855

34 de clabLevel



 

firefox
Citar            
MensajeEscrito el 13 Ago 2011 01:39 am
y quiero saber algo, hay alguna forma de detenerlo???
por ejemplo al hacer click en #para que se detenga y en #continuar que siga la animacion :P
gracias y saludos :D

Por alexx855

34 de clabLevel



 

firefox
Citar            
MensajeEscrito el 30 Abr 2013 06:11 am
mirentengo esta inquietud, tengo una animacion infinita asi

function efectos(){
inicio=$('img');
inicio.animate({width:150,height:150},100);
inicio.animate({width:200,height:200},300);
inicio.animate({width:100,height:100},900,efectos);
}
efectos();
Ahora quiero saber como con el efecto click o mouseenter o hover, pueda hacer que el efecto se detenga y poder darle otro efecto, y cuando se quite el ouse o le vuelva a dar click retorne a la animación infinita.
!!gracias de antemano

Por geranjian

1 de clabLevel



 

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.