Question

使用以下代码，我可以从右向左“滑动”div：

$("#myDiv").animate({ right: 300 }, 500);

虽然这有效，但我不明白发生了什么。在我的html中，我没有设置“正确”的css属性，所以我的Div就是它碰巧的地方。究竟发生了什么？ jquery是否接受我的div并开始将“right”属性设置为0并将其递增1，直到达到300的值？然而，在jquery网站上的代码示例中，他们显示了这一点：

$( "#clickme" ).click(function() {
  $( "#book" ).animate({
    opacity: 0.25,
    left: "+=50",
    height: "toggle"
  }, 5000, function() {
    // Animation complete.
  });
});

在这个例子中，“left”属性以50为步长递增。这是我感到困惑的地方。在我的示例中，“right”属性具有固定值，但jquery似乎以1为步长递增，而在其示例中，它以50为步进递增。

Answer 1

在样本中它增加了50，而不是步数是50.因此，如果它是200，那么它将是250.

在你的情况下，它将是300，并且在它之前不会设置为0.

是的，内联right css属性将增加到300.

Answer 2

在JQuery示例中，每次单击#clickme时左侧位置移动+ 50px。

在你的例子中，无论它被调用多少次，它都会动画一次到300px（相对于父div）。

了解jquery的animate方法

2 个答案: