jquery - 为以下 jQuery 动画添加缓动？

Question

我正在为元素的高度设置动画：

  // Animate height of items
  $j(".item .row").toggle(function(){
    $j(this).animate({height:500},200);
  },function(){
    $j(this).animate({height:300},200);
  });

我想知道如何添加缓动？（例如动画接近尾声变慢了？）

Answer 1

定义缓动，如下方式

$('selector').animate({
    prop:1
},{
    easing: easing, //Something like 'linear'
    duration: duration,
    complete: callback
});

您还可以通过包含Easing Plugin添加其他缓动效果。

在你的情况下，它会像

$j(".item .row").toggle(function(){
    $j(this).animate({height:500}, {
        easing: 'linear',
        duration: '200'
    });
  },function(){
    $j(this).animate({height:300},{
        easing: 'linear',
        duration: '200'
    });
});