Word by word animation css3 or jquery

Question

我有一個內容，必須在網頁中顯示一些動畫，就像我們說話時應該一個接一個地顯示這些動畫一樣。是否有可能使用jQuery或css3做到這一點？

Answer 1

是的，這是可能的。這可能取決於你說話的速度。您可以使用速度參數輕鬆編寫一些基本的jQuery，並在間隔中顯示這些單詞。

這是我寫的一個快速jsfiddle，它完全是這樣做的。 http://jsfiddle.net/jquery4u/u4ENg/

$(document).ready(function() { 
    var $el = $('div'), 
     text = $el.text(), 
     speed = 1000; //ms 

    $el.empty(); 

    var wordArray = text.split(' '), 
     i = 0; 

    INV = setInterval(function() { 
     if (i >= wordArray.length - 1) { 
      clearInterval(INV); 
     } 
     $el.append(wordArray[i] + ' '); 
     i++; 
    }, speed); 
}); 

有一個非常好的typewriter jQuery plugin這就像這可能是使用的打字機。