4 回答

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});//不進入隊列,立刻執行

TA貢獻1874條經驗 獲得超12個贊
就在這里!
$(function () {
$("#first").animate({
width: '200px'
}, { duration: 200, queue: false });
$("#second").animate({
width: '600px'
}, { duration: 200, queue: false });
});

TA貢獻1865條經驗 獲得超7個贊
這將是同時運行的。如果你想同時在同一個元素上運行兩個動畫怎么辦?
$(function () {
$('#first').animate({ width: '200px' }, 200);
$('#first').animate({ marginTop: '50px' }, 200);
});
這最終排隊動畫。要同時運行它們,你只能使用一行。
$(function () {
$('#first').animate({ width: '200px', marginTop:'50px' }, 200);
});
有沒有其他方法可以同時在同一個元素上運行兩個不同的動畫?
添加回答
舉報