Question

我正在尝试使用velocityjs为图像添加动画效果。在这里，我试图获得其中一个图像的闪亮效果。图像首先向上扩展，然后将不透明度变为零。

在这里，我先调用anim1，然后在anim1之后调用anim2我该怎么办？

        var anim1 = function(){
            $(".sparkle1").velocity({ 
              opacity: 1,
              scale: [1,0],
            }, 300);
        }  

        var anim2 = function(){
            $(".sparkle1").velocity({ 
              opacity: 0,
            }, 200);
        }

Answer 1

您可以尝试使用complete回调，如下所示：

var anim1 = function(){
    $(".sparkle1").velocity({ 
          opacity: 1,
          scale: [1,0],
        }, {
        duration:300,
        complete: function() {
            anim2(); //calling the second animation on completion of first
        }
    });
 }  

var anim2 = function(){
    $(".sparkle1").velocity({ 
      opacity: 0,
    }, 200);
}

如何在velocityjs中的一个动画结束时启动另一个动画

1 个答案: