Question

在完成第一个动画之后，我想在同一个目标上播放另一个动画。

var lnk = document.querySelector('#clickme');
var tl = new TimelineMax();

lnk.addEventListener('click', go, false);

function go(){
    tl.to('.glasko', 1, {width: 500, height: 500});
};

之后我想改变div的背景颜色。

tl.to('.glasko', 2, {backgroundColor: 'red'});

这是什么最佳做法？

Answer 1

GSAP让它变得简单＆amp;简单TimelineMax。您只需要在使用相同TimelineMax实例的第一个动画后编写第二个动画，这是最好的方法。

var lnk = document.querySelector('#clickme');
var tl = new TimelineMax();

lnk.addEventListener('click', go, false);

function go(){
    tl.to('.glasko', 1, {width: 500, height: 500});
    tl.to('.glasko', 2, {backgroundColor: 'red'});
};

demo

动画结束后的TweenMax

1 个答案: