是否可以使用jquery为每行文本设置动画？

是否有可能在jquery中一次显示一行文本？ 我知道它可以在flash中完成我在这里有一个例子http://iliketoplay.dk/#/blog/deff 。 在video播放中，鼠标单击一个圆圈，打开一个包含文本的框，但每行显示一行文字，效果非常酷。 可以重新创建吗？

Answer 1

这应该不是问题，但解决方案取决于您的输入格式。 你需要将行中的文本分块，这可以这样做：

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

然后你可以根据需要对每一行做一些事情，例如：

 var timer, displayLine = function(){ var nextLine = lines.shift(); if(nextLine){ var newLine = $('' + nextLine + ''); $('#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，然后设置那个特定的动画……

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