как добавить паузу и воспроизведение в плагин прокрутки

#jquery

#jquery

Вопрос:

У меня есть этот код: http://jsfiddle.net/TC5Zf / как я могу приостановить анимацию mouseenter и возобновить ее mouseout ?

Ответ №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(); 
    });
});
  

Ответ №2:

Смотрите запись в блоге автора этого кода:
Макс Верджелли: как приостановить и возобновить прокрутку маркера

Вот рабочая демонстрация:
http://jsfiddle.net/TC5Zf/10/