是否有可能使用jquery動畫每行文字？

Question

是否有可能在jQuery中一次顯示文本一行？我知道它可以在Flash中完成我在這裏有一個例子http://iliketoplay.dk/#/blog/deff。在視頻播放過程中，鼠標點擊一個圓圈，該圓圈打開一個包含文本的框，但每行顯示一行文本，其效果非常酷。它可以重新創建嗎？

Answer 1

這不應該是一個問題，但解決方案取決於你的輸入格式。您需要大塊起來行文本，可以這樣進行：

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

然後，你可以做一些事情的每一行，你的願望，如：

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); 

看到一個完整的例子在這裏： http://jsfiddle.net/7dd52/

Answer 2

你只需要使用DIV的每一行，然後動畫，某些...

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

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