jquery怎么知道Go是什么

how does jquery knows what go is

本文关键字：Go 是什么 jquery      更新时间：2023-09-26

jsfiddle 示例在 www 上找到

jquery如何知道go是什么？

$('#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') }
});

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

阶跃函数

.animate() 的第二个版本提供了一个step选项 — 回调 在动画的每个步骤中触发的函数。此函数是 可用于启用自定义动画类型或更改动画 因为它正在发生。它接受两个参数(now和fx(，这是 设置为要进行动画处理的 DOM 元素。

  • now：每一步被动画处理的属性的数值
  • 外汇： 对 jQuery.fx 原型对象的引用，其中包含一个数字 属性，例如动画元素的elem、start和end 分别是动画属性的第一个和最后一个值，以及 prop要设置动画的属性。

因此go只是此函数对now参数的名称。

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

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

当你在jQuery中对某些东西进行动画处理时，它会在起点和终点之间移动。中间的位由jQuery计算并传递。

因此，它知道"go"是什么，因为它只是一个由动画函数创建的数字。

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

你可以在这里阅读更多关于它的信息： .animate((

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

textIndent属性在 CSS 中定义为从 180px 开始，动画设置会将textIndent值减少到 0 。在从 180 减少到 0 的每一步，该值都作为 go 参数的参数传递到 step 函数中。然后使用此值使用 CSS 变换围绕 y 轴旋转正方形。

相关文章：