jQuery animateで簡単にeasingを指定する方法

jQueryとjQuery Easing Pluginの組み合わせが、一番簡単にEasingを持ったアニメーションを指定することができる方法です。 .animateメソッドの第三引数、もしくはeasingキーにeasingの名前を指定するだけです。

var moveCenter = function() {
  
  $('#sinCosBox').animate({
    left: deviceHalfWidth,
    top: deviceHalfHeight,
  },time, 'linear', function(){
       // alert('終わりました');
  });
}

 

参考サイト

http://easings.net/ja

category cloud