jQuery如何动画我的代码?

时间:2010-09-24 23:58:42

标签: jquery jquery-animate margin

嘿,我现在知道一点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"));  
        }

谢谢!

2 个答案:

答案 0 :(得分:3)

以最容易想象的方式:

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

另外,如有疑问,请不要忘记查看官方文档:http://api.jquery.com/animate/

答案 1 :(得分:1)

您确实希望保证金为.animate()吗?

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

还是左边的位置?

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

(不需要"px",因为这是两者的默认值。您也不需要"-"周围的引号。您可以发送一个整数。)

请注意,如果您要设置左侧位置的动画,则需要将css位置设置为relativeabsolute


修改

另请注意,在if()语句中,如果您要进行比较,则需要使用=====,如下所示:

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