Question

我需要制作一些云效果并循环这个效果，我需要制作一些div并像我的代码一样从左向右移动它们。但我的问题是我不能重复这个功能:(任何帮助

var windowWidth = $(window).width();

                $(document).ready(function () {
                      $("#cloud").animate({
                          left: "-50"
                          },9000, "linear", function () {
                       $("#cloud").delay(50).animate({
                                   left: windowWidth },9000,"linear");
                          });
                });

Answer 1

jQuery .animate（）接受一个回调函数，该函数将在动画完成时触发。

$(document).ready(function () {
    var $cloud = $('#cloud'),
        animateCloud = function() {
            var direction = $cloud.css('left').slice(0,1) === '-' ? '0px' : '-50px' 
            $cloud.animate({left: direction}, 9000, "linear", animateCloud);
        };
    animateCloud();
});

示例：http://jsfiddle.net/XVzk4/

需要重复我的动画功能

1 个答案: