javascript - 如何在 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);
}

请记住，这不会很流畅。

编辑:我之前没想到。我的错。