¿Es posible animar cada línea de texto con jquery?

Question

¿Es posible mostrar texto en línea en jquery? Sé que se puede hacer en flash Tengo un ejemplo aquí http://iliketoplay.dk/#/blog/deff. En la reproducción de video, el mouse hace clic en un círculo que abre un cuadro que contiene texto, pero cada línea de texto se muestra de a una por vez con un efecto de aspecto realmente atractivo. ¿Se puede recrear?

Answer 1

Esto no debería ser un problema, pero la solución depende de su formato de entrada. Es necesario fragmentar el texto en líneas que se puede hacer así:

var lines = text.split("\n"); 

entonces usted puede hacer algo con cada línea como se desee, por ejemplo:

var timer, 
    displayLine = function(){ 
    var nextLine = lines.shift(); 
    if(nextLine){ 
     var newLine = $('<span class="initState">' + nextLine + '</span>'); 
     $('#someContainer').append(newLine); 
     newLine.animate({ [PUT SOME ANIMATION HERE] }, 1000); 
     } 
     timer = setTimeout(displayLine,3000); 
    } 
    } 
timer = setTimeout(displayLine,3000); 

Véase un ejemplo completo aquí: http://jsfiddle.net/7dd52/

Answer 2

que acaba de utilizar div para cada línea y luego animar a que ciertas ...

<div class="first">first line</div> 
<div class="second">second</div> 

$(".first").animate({'left':'-15px'}, 1000);