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

Rotate animations with speed, direction and if statement

本文关键字：if 语句 方向 动画 速度 旋转      更新时间：2023-09-26

我只有垂直鼠标跟随菜单div。我以前使用flash来动画它，但现在我在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语句中插入一个旋转函数下面只是一个情况。关于旋转速度，它等于flash中的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);

你的问题是，你需要添加'px'到你的css语句的结尾，像这样:

follower.css({ top:yp-200 + 'px'});
follower_2.css({ top:yp-565 + 'px'});
相关文章：