jquery - 単語ごとのアニメーション css3 または jquery

Question

私は、話すときに単語を1つずつ表示する必要があるなど、いくつかのアニメーションを使用してWebページに表示する必要があるコンテンツを持っています。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);
});

タイプライターのように機能する、非常に優れたタイプライター jQuery プラグインがあります。