javascript - 使用速度、方向和 if 语句旋转动画

Question

我只有垂直鼠标跟随菜单 div。我以前用 flash 来制作它的动画，但现在我在 js 代码中有了它。唯一缺少的部分是 div 移动时轮子旋转的动画。将有 2 个轮子以不同的方式旋转，例如

wheel 1 rotate - , wheel 2 rotate + direction when mouse Y < div Y and wheel 1 + , wheel 2 - for mouse Y > div Y.

我没有针对这两种情况的 if 语句，但如果我们可以在下面的 if 语句中仅针对 1 种情况插入一个旋转函数，这对我来说更容易。关于旋转速度等于div移动速度yp += (mouseY - yp) / 10;在 flash 中，所以它变得更慢或更快，但不知道我们是否可以在 js 中制作它。谢谢你的帮助

var  mouseY = 0;
$(document).mousemove(function(e){
mouseX = e.pageX;
mouseY = e.pageY; 
});


var follower = $("#follower");
var follower_2 = $("#follower_2");
var xp = 0, yp = 0;
var loop = setInterval(function()

{if((mouseY - yp >200 || yp - mouseY >250)||(( mouseX - xp >530 || mouseX - xp <280)&&(  mouseX - xp <1370 || mouseX - xp >1620) )){






yp += (mouseY - yp) / 10;
follower.css({ top:yp-200});
follower_2.css({ top:yp-565});
}}, 30); 

Answer 1

问题是您需要像这样在 css 语句的末尾添加“px”:

follower.css({ top:yp-200 + 'px'});
follower_2.css({ top:yp-565 + 'px'});