2013-04-02 45 views
-1

jsfiddle example found on wwwjquery如何知道是什么

jquery如何知道是什么?

$('#myDiv').animate({ textIndent: 0 }, { 
    step: function(go) { 
     $(this).css('-moz-transform','rotateY('+go+'deg)'); 
     $(this).css('-webkit-transform','rotateY('+go+'deg)'); 
     $(this).css('-o-transform','rotateY('+go+'deg)'); 
     $(this).css('transform','rotateY('+go+'deg)'); 
    }, 
    duration: 1000, 
    complete: function(){ alert('done') } 
}); 
+0

http://api.jquery.com/animate/ – j08691

+0

了'step'回调的第一个参数是在每个步骤中的动画属性的数值。由于jQuery正在进行计算,因此jQuery在调用发送给“step”选项的回调函数时可以使用该值。 –

+0

“go”标签用于Go编程语言。 – peterSO

回答

0

go只是函数参数的名称。根据jQuery documentation

阶跃函数

.animate()第二个版本提供一个step选项 - 这是在动画的每个步骤中烧制的回调函数 。此功能为 ,对于启用自定义动画类型或在发生动画时更改动画 非常有用。它接受两个参数(nowfx),并且这是 设置为正在动画的DOM元素。

  • now:属性的数值在每一步进行动画
  • FX: 到jQuery.fx原型对象,其中所包含的属性的数 如elem为动画元素,start的引用,并end为 分别为动画属性的第一个和最后一个值,以及 prop属性为动画。

所以go只是这个功能的为now参数名称。

+0

动画元素的变量数组,它将最后一个变量用于go函数。 – wetlip

+0

everone告诉去由jquery计算,但将它作为一个变量传递给函数意味着它可以被编码器 – wetlip

+0

@wetlip影响我很抱歉,但我不能告诉你在问什么。 –

0

“步骤” 是一个特定的动画选项。 “step”的参数之一是元素当前在其动画中的值。

当你在jQuery中设置动画时,它在起点和终点之间步进。中间的位由jQuery制定并传递。

因此它知道“去”是什么,因为它只是一个由动画功能创建的数字。

0

此动画使用正方形上的textIndent属性来围绕y轴旋转正方形。

textIndent属性在CSS定义的180px启动和动画设置将textIndent值减少对0。在从180减少到0的每个步骤中,将该值传递给参数的参数。这个值然后被用来使用CSS变换来围绕y轴旋转正方形。

0

jQuery step选项允许您定义一个回调函数,该函数需要两个参数并在动画的每个“步骤”上调用。您已将回调函数定义为仅采用一个参数(您已命名为go),并且忽略了第二个参数。您创建的回调函数称为,您可以根据需要命名参数。

你可以阅读更多关于它在这里:.animate()