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

我需要知道如何无限循环播放此动画。这是一个文本滚动动画，完成后需要重复。

这是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;
}

最佳答案

使它成为一个函数并使其本身作为回调:

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

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

请记住，这不会很流畅。

编辑:我没早想。我的错。