Question

我希望有一个动画，其中一个元素在向右（5000毫秒）移动时淡入（1000毫秒），并且在元素仍然移动到该元素时，它应该再次淡出（在4000毫秒，持续时间1000毫秒）。右。

我让前两部分工作，但碰巧需要帮助完成最后一部分的时间设置（不透明度：0）。

这是我的代码：

$(document).ready(function(){
    var truck = $('.truck');
    truck.css("opacity", "0");
    truck.animate({
        opacity: 1
    }, {
        queue: false,
        duration: 1000
    }).animate({
        right: 15
    }, 5000).animate({
        opacity: 0
    }, 1000);

});

谢谢。

Answer 1

试试这个......

var truck = $('.truck');
truck.css("opacity", "0");
truck
    .animate({
        right: 15
    }, {
        queue: false,
        duration: 5000
    })
    .animate({
        opacity: 1
    }, 1000)
    .delay(3000)
    .animate({
        opacity: 0
    }, 1000);

这是一个有效的jsfiddle ......

http://jsfiddle.net/YTt9W/

jquery 3步动画队列计时

1 个答案: