亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何同時運行兩個jQuery動畫?

如何同時運行兩個jQuery動畫?

慕娘9325324 2019-08-30 14:21:17
是否可以同時在兩個不同的元素上運行兩個動畫?我需要Jquery排隊動畫這個問題的反面。我需要做這樣的事......$('#first').animate({ width: 200 }, 200);$('#second').animate({ width: 600 }, 200);但要同時運行這兩個。我唯一能想到的就是setTimeout每個動畫使用一次,但我不認為這是最好的解決方案。
查看完整描述

4 回答

?
慕村1189960

TA貢獻1條經驗 獲得超0個贊

  • 如果是單個元素多個屬性同時變化,你只需要在第一個參數中,同時傳入多個屬性就行。

var?div=$("div");??
div.animate({left:'100px',width:'200px'},{speed:"slow"});
默認情況下animate會將動畫注冊到內部的queue隊列里依次執行。
  • 如果希望多個animate調用同時執行,而不是依次執行,只需要在第二個參數中將queue設置為false

var?div=$("div");??
div.animate({left:'100px'},{speed:"slow",?queue:false});//不進入隊列,立刻執行
div.animate({width:'200px'},{speed:"slow",?queue:false});//不進入隊列,立刻執行


查看完整回答
反對 回復 2020-11-07
?
HUWWW

TA貢獻1874條經驗 獲得超12個贊

就在這里!


$(function () {

    $("#first").animate({

       width: '200px'

    }, { duration: 200, queue: false });


    $("#second").animate({

       width: '600px'

    }, { duration: 200, queue: false });

});


查看完整回答
反對 回復 2019-08-30
?
鴻蒙傳說

TA貢獻1865條經驗 獲得超7個贊

這將是同時運行的。如果你想同時在同一個元素上運行兩個動畫怎么辦?


$(function () {

    $('#first').animate({ width: '200px' }, 200);

    $('#first').animate({ marginTop: '50px' }, 200);

});

這最終排隊動畫。要同時運行它們,你只能使用一行。


$(function () {

    $('#first').animate({ width: '200px', marginTop:'50px' }, 200);

});

有沒有其他方法可以同時在同一個元素上運行兩個不同的動畫?


查看完整回答
反對 回復 2019-08-30
  • 4 回答
  • 0 關注
  • 2255 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號