0

我想在我的 div 中的每个元素一个接一个地滑动,每个项目滑动后都有一些暂停。下面附上我的代码。
$(函数(){

$('.tick').each(function () {

var $self = $(this);

var t1 = new TimelineLite();

t1.to($self, .5, { x: 100, ease: Cubic.easeInOut });

t1.pause();

t1.resume();

});'

它的作用是:一次滑动所有项目。每个项目滑动后它不会暂停......代码中的问题是什么?

感谢和问候,

兔女郎

4

2 回答 2

0

发生的事情是你在打电话pause(),然后你的电话resume()就在它之后。

您可以做的只是添加另一个补间并to()传递一个空对象。然后将其设置为您想要的暂停时间。targetvarsduration

// pause timeline for 5 seconds 
t1.to({}, 5, {});

另请参阅:GreenSock 论坛主题 - 在时间线中插入暂停延迟等待

希望这可以帮助!:)

于 2014-09-04T20:01:51.630 回答
0
var delayTween = 0.1;   // your pause time in seconds
var tweenArr = [];

// I have put this line outside of each block because it will re insatiate t1 all the time, and we require to initialise it only once
var t1 = new TimelineLite();

$('.tick').each(function () {

    // var $self = $(this);     
    // there is no need to bind this to jquery object because tweenmax works well with "this" (html element)

    tweenArr.push(
        TweenMax.to(this,0.5,{x:100,ease:Cubic.easeInOut});
    );

});

t1.add(
    tweenArr,
    '+=0',
    "sequance",
    delayTween
);
于 2013-09-09T12:42:00.233 回答