3

「div スパン」のテキストを配列のテキストに置き換えたい。この単純なアニメーションで 2 つのことを実行したいと思います...

  1. テキストをランダムにフライインまたはフェードインする
  2. 連続ループ

私はさまざまなことを試してきたフィドルセットアップを持っています。http://jsfiddle.net/fmdfrank/W47QV/

誰か?

4

1 に答える 1

5

jquery .queue & .dequeue を使用して、各操作を fx キューに格納します。これにより、テキストの変更がアニメーション キューの一部として動作します。次に、ループする必要があるかどうかを確認します。

フィドルで:http://jsfiddle.net/W47QV/4/

$(document).ready(function() {

    var items = ["Two", "Three", "Four", "Five", "Six", "One"],
        $text = $( '#div1 span' ),
        delay = 2; //seconds

    function loop ( delay ) {
        $.each( items, function ( i, elm ){
            $text.delay(delay*1E3).fadeOut();
            $text.queue(function(){
                $text.html( items[i] );
                $text.dequeue();
            });
            $text.fadeIn();
            $text.queue(function(){
                if(i == items.length-1){
                    loop(delay);   
                }
                $text.dequeue();
            });
        });
    }

    loop(delay);

});​
于 2012-04-04T15:32:34.753 に答える