Question

我有一个动画，它在<div id="robert">stuff</div>中淡入淡出，然后按照下面指定的路径运行。我想知道是否有某种方法可以减慢贝塞尔曲线动画部分的速度？我已经将其设置为“摆动”以进行宽松，但是有没有工作可以放慢速度呢？

var pathRobert = {
    start: {
        x: 408,
        y: 303,
        angle: 72.594,
        length: 1.390
    },
    end: {
        x: 510,
        y:375,
        angle: 233.366,
        length: 1.138
    }
};

$(window).scroll(function(){
    //first animation for ipad with hands

    if ((withinViewport((testimonials)) == true) && (peopleBlock !=0)){
        peopleBlock = 0;

        $("#robert").fadeTo('fast',1).animate({
            path : new $.path.bezier(pathRobert)
        },"swing");  
    }
});

谢谢，

亚历

Answer 1

您应该能够指定持续时间以及缓和。

.animate( properties [, duration ] [, easing ] [, complete ] )

类似的东西：

$("#robert").fadeTo('fast',1).animate({
    path : new $.path.bezier(pathRobert)
},5000,"swing");

http://jsfiddle.net/kLRN2/

Answer 2

相当简单的修复：

  $("#rita").fadeTo('fast',1).animate({
            path : new $.path.bezier(pathRita)
        },800);

只需将"swing"替换为您想要的时间......

控制Jquery路径Bezier速度

2 个答案: