2

誰かが私がアニメーションをよりよく理解するのを手伝ってくれますか？

実行中に現在のアニメート位置を停止することは可能かどうか疑問に思います。次に、別のアニメーション機能から、現在の位置から新しい位置にそれを実行します。

これを説明するのは本当に難しいので、私はフィドルを作成しました...


フィドル_

http://jsfiddle.net/motocomdigital/L5uh4/9/

フィドルでは、ツイートが表示されます。ツイートをロールオーバーするだけで、左の位置がアニメーション化され、ツイート全体が表示されます。

ただし、ツイートをロールオフすると、最初にアニメーション化されます。

注：ツイートが表示されているTwitter領域よりも短い場合、アニメーションは実行されません。これが発生した場合は、フィドルウィンドウをおおよそ以下のサイズに縮小し、フィドルを再実行します。

ここに画像の説明を入力してください


私の問題

ツイートを10回続けてホバーしたりオフにしたりすると。10個すべてのアニメーションの交代をキューで次々に実行したいと考えています。

これが発生したくないので、ツイートにカーソルを合わせるとアニメーションが開始されますが、オフにすると（アニメーションが完了する前に）、現在の場所で一時停止してアニメーションを作成します。オフの位置にカーソルを合わせます。そして、キューをスタックしないでください。しかし、これはその逆も可能ですか？

これには簡単な方法がありますか？ありがとう


マイコードを見る

$("#tweet").tweet({

    username: ["seaofclouds", "laughingsquid"],
    count: 1,
    template: "{text}",
    avatar_size: 32

}).bind("loaded", function(){

    var visible = $('#tweet ul').width(),
        spanTweet = $('span.tweet_text').width();  

    if ( spanTweet > visible ) {

        $('#tweet ul').hover(function() {

            $('#tweet ul li').animate({            
                left : '-' + ( spanTweet - visible ) + 'px'              
            }, 3000 );

        }, function() {

            $('#tweet ul li').animate({              
                left : '0px'              
            }, 3000 );

        });

    }

});


これに関する助けを事前に感謝します:)

4

1 に答える 1

4

についてのちょうど別の質問.stop。

$('#tweet ul li').stop().animate( ... );

このフィドルがあなたが望んでいたものであることを願っています。

于 2012-07-15T21:47:28.427 に答える