如何添加暂停和播放滚动插件

Question

我有这段代码： http://jsfiddle.net/TC5Zf/ 如何在mouseenter上暂停动画并在mouseout上继续播放？

Answer 1

尝试使用stop（）

http://jsfiddle.net/TC5Zf/7/

$(document).ready(function() {
        var ob = $('.scrollingtext');
        var tw = ob.width();
        var ww = ob.parent().width();
        ob.css({ left: -tw });

    $('.scrollingtext').bind('marquee', function() {
        var oba = $(this);
        var twa = ob.width();
        var wwa = ob.parent().width();

        oba.animate({ left: wwa }, 50000, 'linear', function() {
            oba.trigger('marquee');
        });
    }).trigger('marquee');

        $(".scrollingtext").mouseout(function(){
           $(".scrollingtext").trigger('marquee'); 
        });
        $(".scrollingtext").mouseover(function(){
           $(".scrollingtext").stop(); 
    });
});

Answer 2

请参阅该代码原作者的博客条目：
Max Vergelli: how to pause and resume scrolling of a marquee

这是一个有效的演示：
http://jsfiddle.net/TC5Zf/10/