如何在jQuery中连续循环播放动画？

Question

我需要知道如何无限循环这个动画.这是一个文本滚动动画,我需要它在完成后重复.

这是jQuery:

<script type="text/javascript"  src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript"> 
    $(document).ready(function(){
        $(".boxtext").ready(function(){
            $(".boxtext").animate({bottom:"600px"},50000);
        });
    });
</script>  

这是".boxtext"的CSS

.boxtext {
    position:absolute;
    bottom:-300px;
    width:470px;
    height:310px;
    font-size:25px;
    font-family:trajan pro;
    color:white;
}

Answer 1

使它成为一个函数,并将其自身称为回调:

$(document).ready(function(){
    scroll();
}

function scroll() {
    $(".boxtext").css("bottom", "-300px");
    $(".boxtext").animate({bottom:"600px"}, 50000, scroll);
}

请记住,这不会很流畅.

编辑:我之前没想过.我的错.