是否可以使用 jquery 为每一行文本添加动画?

2024-04-11

jquery 是否可以一次显示一行文本?我知道它可以在闪存中完成我这里有一个例子http://iliketoplay.dk/#/blog/deff http://iliketoplay.dk/#/blog/deff。在播放视频时,鼠标单击一个圆圈,将打开一个包含文本的框,但每一行文本一次显示一个,具有非常酷的外观效果。可以重新创建吗?


这应该不是问题,但解决方案取决于您的输入格式。您需要将文本分成几行,可以像这样完成:

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/ http://jsfiddle.net/7dd52/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

是否可以使用 jquery 为每一行文本添加动画? 的相关文章

随机推荐