Ver Mensaje Individual
  #4 (permalink)  
Antiguo 11/11/2014, 19:24
Avatar de Alexis88
Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años
Puntos: 977
Respuesta: Mover estilo entre elementos con Jquery

Puedes hacerlo así:

Código Javascript:
Ver original
  1. var actual, siguiente, i = 0,
  2.     spans = $("#uno").find("span"),
  3.     total = spans.length;
  4. setInterval(function(){
  5.     actual = $(".aqui");
  6.     if (i == total - 1){
  7.         siguiente = spans.first();
  8.         i = 0;
  9.     }
  10.     else{
  11.         siguiente = actual.next();
  12.         i++;
  13.     }
  14.     actual.removeClass("aqui");
  15.     siguiente.addClass("aqui");
  16. }, 5000);

Declaro dos variables en las que almacenaré al elemento actual en la secuencia (el que posee la clase) y al que le sigue, además de una variable que usaré como contador para saber en qué número de elemento vamos, el total de elementos <span> contenidos en el elemento de id 'uno' y el total que estos representan.

En el temporizador, ejecuto una función cada cinco segundos, en la cual tomo al elemento que posee la clase 'aqui' y lo asigno a actual, luego, verifico el valor del contador; si este es igual al total de elementos <span> menos 1, es decir, si es el último de ellos (recordando siempre que, en una lista de nodos, así como en los arrays y cadenas, la primera posición es cero), el elemento que asignaremos a siguiente será el primero de los <span>, además de reiniciar el valor del contador en cero, pero si todavía no hemos llegado al final, el elemento a asignar a siguiente será el que continúa después del elemento asignado a actual, además, sumamos 1 al contador para seguir avanzando en la secuencia.

Finalmente, retiro la clase al elemento actual y se la asigno al siguiente.

DEMO

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand