jQueryアニメーションキュー

700 ワード

アニメーションキュー
1つのオブジェクトに複数のアニメーション効果を追加すると、追加されたアクションがこのアニメーションキューに入れられ、前のアニメーションが完了してから実行されます.
  • チェーン式の書き方にアニメーションを適用し、アニメーションは順序によって
  • 発生する.
    $('button').on('click',function(){
        $('div').hide(600)
                .show(600)
                .slideUp(600)
                .slideDown(600)
                .fadeIn(600)
                .fadeOut(600);
    });
    
                  ,           ,        ;
    
  • animate()メソッドを適用してカスタムアニメーションを設定し、オブジェクト上のアニメーションは同時に発生する
  • である.
    $('.animate').on('click',function(){
      $('div').animate({
        opacity: 0.5,
        left: '+=100'
      },500);
    });
    
           ,opacity   ,