逐字动画css3或jquery

时间:2013-03-27 06:07:39

标签: jquery css3 animation word

我有一个内容,必须在网页上显示一些动画,就像我们说话时应该逐个显示这些单词。是否可以使用jquery或css3执行此操作?

1 个答案:

答案 0 :(得分:2)

是的,这是可能的。这可能取决于你说话的速度。您可以轻松地编写一些基本的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就像打字机一样可能有用。