Question

我只有垂直鼠标跟随菜单div。我之前使用闪光灯来制作动画，但现在我在js代码中使用它。只有部分缺失的是轮子在div移动时旋转动画。将有两个轮子旋转不同的方式，如

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;，因此它变得更慢或更快但不知道我们是否可以在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

您的问题是您需要添加＆＃39; px＆＃39;到你的css语句结尾如下：

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

使用速度，方向和if语句旋转动画

1 个答案: