jQuery如何为我的代码设置动画？答案

【问题标题】：jQuery how to animate my code?jQuery如何为我的代码设置动画？
【发布时间】：2011-04-17 01:11:35
【问题描述】：

嘿，我现在对 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"));  
        }

等等

谢谢！

【问题讨论】：

标签： jquery jquery-animate margin

【解决方案1】：

以最简单的方式：

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

另外，如有疑问，别忘了查看官方文档：http://api.jquery.com/animate/

【讨论】：

【解决方案2】：

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

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

还是左边的位置？

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

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

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

编辑：

另请注意，在您的if() 语句中，如果您要进行比较，则需要使用== 或===，如：

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

【讨论】：