Jqueryカスタムアニメーション同期はどのように実現しますか?
1423 ワード
需要説明:分からない2つのHTMLオブジェクトを操作し、同時にアニメーションを開始し、同時にアニメーションを終了する必要があります.
問題が発生しました:連続するオブジェクトに対してanimateアニメーションを行うと、最初は先に実行され、最初の実行が完了してから2番目の実行が完了すると、同期しません.
解決方法:settimeout()を使用すると、各遅延実行方法は相互に介入しません.
コード#コード#
------------------------------------------------------------------
HTMLオブジェクトのプロパティを変更する
1つのHTMLに対して2つの属性を変更
マルチHTMLオブジェクトの複数のプロパティの変更
個人ブログアドレス:http://blog.wxp123.me/Jqueryカスタムアニメーション同期はどのように実現しますか?
問題が発生しました:連続するオブジェクトに対して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カスタムアニメーション同期はどのように実現しますか?