2013-02-24 60 views
1

我是jquery的新手,我在jquery api中遇到过关于animate()函数的问题。即使它完美的工作,我只想知道它的含义以及如何在其他地方实施它。这里是示例代码块和网址。提前致谢。这是什么'现在'的意思是在jQuery的css函数

step: function(now, fx){ 
    $(".block:gt(0)").css("left", now); 
    } 

http://jsbin.com/ihukob/1/edit

+0

这似乎是另一个代码的一部分,所以粘贴整个代码看看 – Boynux 2013-02-24 04:53:05

+1

我已经给出了整个代码的链接。请参阅jsbin链接。 – smith 2013-02-24 04:54:13

+1

在您链接的文档中,'now'显然定义为:'now:在每个步骤处动画的属性的数值。因此,如果您将不透明度从0变为1,那么'now'将是从0开始并进展到1的数值。 – 2013-02-24 05:00:21

回答

1

您的代码:

step: function(now, fx){ 
    $(".block:gt(0)").css("left", now); 
} 

now是传递给函数step的参数。您正在使用jquery将left元素的位置设置为作为参数传递的值。

例子:

如果你打电话

step("100px", fx); 

那么代码将执行作为

$(".block:gt(0)").css("left", "100px"); 

更新

这是jquery.animate()step功能。该功能将在动画的每个步骤中调用。

步骤类型:Function(编号现在,PlainObject FX)的一种功能是 动画的每一步骤之后被调用。

会发生什么:

当您设置动画$(".block:first"),您使用的是阶跃函数移动其他block元素左移也。

更新2

now: the numeric value of the property being animated at each step 

作为代码是这样的

$(".block:first").animate({ 
    left: 100 
} 

now将包含.block:firstleft值。

+0

是的,现在是一个参数,在当前css函数中它的值是什么?我现在发现它是一个与jquery api中的时间相关的函数。 – smith 2013-02-24 04:56:33

+0

@smith更新的答案... – ATOzTOA 2013-02-24 05:00:11