我有一个动画,该动画在<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");
}
});
谢谢,
亚历克斯
最佳答案
您应该能够指定持续时间和缓动时间。
.animate( properties [, duration ] [, easing ] [, complete ] )
就像是:
$("#robert").fadeTo('fast',1).animate({
path : new $.path.bezier(pathRobert)
},5000,"swing");
http://jsfiddle.net/kLRN2/