Jqueryカスタムアニメーション同期はどのように実現しますか?

1423 ワード

需要説明:分からない2つのHTMLオブジェクトを操作し、同時にアニメーションを開始し、同時にアニメーションを終了する必要があります.
問題が発生しました:連続するオブジェクトに対してanimateアニメーションを行うと、最初は先に実行され、最初の実行が完了してから2番目の実行が完了すると、同期しません.
解決方法:settimeout()を使用すると、各遅延実行方法は相互に介入しません.
 
コード#コード#
------------------------------------------------------------------
HTMLオブジェクトのプロパティを変更する
 
$('#box').animate({height:400},500)

1つのHTMLに対して2つの属性を変更
$('#box').animate({height:400},500).animate({width:400},500);  //     
$('#box').animate({height:400,width:400},500);//

マルチHTMLオブジェクトの複数のプロパティの変更
setTimeOut(fa,1000)
setTimeOut(fb,1000)
setTimeOut(fc,1000)
setTimeOut(fd,1000)

function fa(){
   $('#a').animate({height:400},500)
}

function fb(){
 $('#b').animate({height:400},1000)
}

function fc(){
 $('#c').animate({width:400},1000)
}

function fd(){
 $('#d').animate({width:400},800)
}

 
 
個人ブログアドレス:http://blog.wxp123.me/Jqueryカスタムアニメーション同期はどのように実現しますか?