2

谁能帮我更好地理解动画。

我想知道是否可以在运行时停止当前的动画位置。然后从另一个动画功能，将它从当前位置进行到新的位置。

试图解释这一点真的很难，所以我创造了一个小提琴......


小提琴_

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

在小提琴中，您将看到一条推文。如果您只是将推文翻过来，它将为左侧位置设置动画，从而将整个推文显示在视野中。

但是，如果您退出推文，它会重新开始动画。

注意：如果推文比可见的推特区域短，动画将不会运行。如果发生这种情况，请将 fiddle 窗口减小到大致以下大小并重新运行fiddle。

在此处输入图像描述


我的问题

如果我连续 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 回答