jQuery 如何为我的代码添加动画？

Question

嘿，我现在知道一点 jQuery，但我仍然对动画有点困惑（特别是当我必须将它们添加到工作脚本中时）。

我有例如：

  if (i = 1) {            
                i = i +1
                $("#div p").css("left", "-" + width * i + "px");  
        }

如何动画（）边距添加？我正在尝试、尝试、尝试……

     if (i = 1) {            
                i = i +1
                $("#div p").animate().css.("left", "-" + width * i + "px");  
        }

  if (i = 1) {            
                i = i +1
                $("#div p").css(.animate("left", "-" + width * i + "px"));  
        }

等等。

谢谢！

Answer 1

以最简单的方式可以想象：

$('#book').animate({
    left: "-" + width * i + "px"
}, 5000);

另外，当有疑问时，不要忘记查看官方文档：http ://api.jquery.com/animate/

Answer 2

你真的想要 .animate() 的边距吗？

$("#div p").animate({marginLeft: -(width * i) }); 

还是左边的位置？

$("#div p").animate({left: -(width * i) }); 

（不需要 "px"，因为这是两者的默认值。您也不需要 "-" 两边的引号。您可以发送一个整数。）

请记住，如果您要为左侧位置设置动画，则需要将 css 位置设置为 relative 或 absolute.

---

编辑：

另请注意，在 if() 语句中，如果您尝试进行比较，则需要使用 == 或 <代码>===，如：

if (i === 1) {...