我正在尝试使用3个变量来制作跳跃动画:跳跃距离、跳跃高度和可能的跳跃“速度”。
这里有一个可工作的JSFiddle演示。然而,我希望跳跃动画是一个完美的抛物线。
var y = 300;
var x = 0;
var jh = 100;
var jw = 200;
var c = 0;
var inter = setInterval(function () {
c++;
// if box reaches jump height it should fall down
y = (c >= jh) ? y + 1 : y - 1;
// if box reaches jump distance
if (x == jw) clearInterval(inter);
x++;
$('.box').css({
'top': y + 'px',
'left': x + 'px'
});
}, 20);