需要重复我的动画功能

我需要做一些云效果和循环这种效果，我需要做一些div并将它们从左到右像我的代码。但我的问题，我不能重复功能:(任何帮助需要重复我的动画功能

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

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

来源

2013-11-03 Mohamed Samy

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-03 18:56:27 jaredrada

它不工作，你可以很容易地理解它，我只是在开始阶段男人:( –

@MohamedSamy p osted一个工作jsfiddle，所以你可以看到发生了什么事情。基本上我创建了一个函数，它可以左右移动云。当动画完成时，它调用它自己。请注意，您需要调用'animateCloud（）;'实际启动动画。 – jaredrada

需要重复我的动画功能

回答

相关问题