How can I loop an animation continuously in jQuery?

前端 未结 9 1220
长情又很酷
长情又很酷 2020-12-01 14:52

I need to know how to infinitely loop this animation. It is a text scroll animation and I need it to repeat after it\'s finished.

Here is the jQuery:



        
9条回答
  •  死守一世寂寞
    2020-12-01 15:16

    Please try this for continuous loop animation on hover.

    function loopl(){
        $('.mCSB_container').animate({ "left": "+=80px" }, "800", 'linear', loopl  );
        }    
    
    function loopr(){
            $('.mCSB_container').animate({ "left": "-=80px" }, "800", 'linear', loopr  );
        }
        function stop(){
            $('.mCSB_container').stop();
        }
        $( "#left" ).hover(loopl, stop);
        $( "#right" ).hover(loopr, stop);
    

提交回复
热议问题