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

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

2 个答案: