是否可以使用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/