0

いくつかの雲の効果を作成し、この効果をループさせる必要があります。いくつかの div を作成し、コードのように左から右に移動する必要があります。しかし、関数を繰り返すことができないという私の問題:(どんな助けでも

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

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

1 に答える 1

0

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/

于 2013-11-03T18:56:27.653 に答える