Javascript jQuery动画动态转换

我是jQuery新手，正在构建一个向左移动的基本块，如果我按左键；如果我向右按，请向右移动。它工作得很好。但是，我不想直接使用css WebKittTransform，而是想使用动画使运动更平滑。这是我的初始代码：

我一整天都在浏览如何做到这一点，但仍然无法找到答案。我注意到jQuery有一个

.animate（）

内置方法和

step

函数。然而，我不知道如何使它工作

---

谢谢。

使用

制作动画

您可以替换

$spinner.css（“webkitttransform”，“translate”（+i+“px，0）”）

与


如果您想了解更多详细信息

你没有太多的时间来设置微调器的动画，我建议你使用CSS来达到同样的效果

使用“动画”，您可以使用：

$spinner.animate({
    left: i
}, 200); 

为此，必须将
#微调器的位置设置为相对或绝对。如果你想创建一个游戏，这将是有用的hitboxs

您可以获得比jQuery动画方法更平滑的动画。有其他方法吗？？？看来，这种方法不能创造一个足够流畅的翻译。。。像一个正常的CSS翻译做。。。例如：@CHANist在这种情况下，您可以尝试将
i
值增加到更高的值，因为这就是
动画
和
步骤
的工作方式。看到这个了吗
#spinner {
   width : 50px;
   height : 10px;
   background-color : #000;
   -webkit-transition: all .6s; /* Safari */
   transition: all .6s;
}

$spinner.animate({
    left: i
}, 200);