javascript - 以一定 Angular 移动，jquery，animate()？

Question

有没有办法在使用的时候指定 Angular

$(this).animate({'left': '+=30px'}, 1000);

我愿意

$(this).animate({'48': '+=30px'}, 1000);

48就是 Angular

Answer 1

您可以同时指定 left 和 top 属性:

$(this).animate({left: '+=30px', top: '+=30px'}, 1000);

在这种情况下， Angular 为 45°。

要指定不同的 Angular ，请先计算 cos(α) 和 sin(α)。余弦指定您必须向右走多远，正弦向上走多远，才能在指定 Angular 内形成 1 个像素的距离。如果您想改为覆盖 30 像素的距离，请将正弦和余弦结果乘以 30。