読者です 読者をやめる 読者になる 読者になる

by shigemk2

当面は技術的なことしか書かない

animateの書き方とコールバック関数について

jQuery

animate(params, [duration], [easing], [callback]) - jQuery 日本語リファレンス

animate関数には4つの引数がある。

1 {height: “100px”}などの値(backgroundなど数値型の値を取らない属性は変更できない こんな例外もあるけど)
2. アニメーションの動作期間 slow 1500など
3. 値の変化量 easing quadなど
4. コールバック関数

サンプルにはこのようなコードが書かれています。

// Using multiple unit types within one animation.
$("#go").click(function(){
  $("#block").animate({ 
    width: "70%",
    opacity: 0.4,
    marginLeft: "0.6in",
    fontSize: "3em", 
    borderWidth: "10px"
  }, 1500 );
});

なおコールバック関数は、アニメーション終了時に実行する関数のポインタを渡す。
実際問題、コールバック関数は、アニメーション実行前や実行中には実行されないみたいだ。