TA貢獻(xiàn)1條經(jīng)驗(yàn) 獲得超0個(gè)贊
如果是單個(gè)元素多個(gè)屬性同時(shí)變化，你只需要在第一個(gè)參數(shù)中，同時(shí)傳入多個(gè)屬性就行。
var?div=$("div");??
div.animate({left:'100px',width:'200px'},{speed:"slow"});默認(rèn)情況下animate會(huì)將動(dòng)畫注冊(cè)到內(nèi)部的queue隊(duì)列里依次執(zhí)行。
如果希望多個(gè)animate調(diào)用同時(shí)執(zhí)行，而不是依次執(zhí)行，只需要在第二個(gè)參數(shù)中將queue設(shè)置為false
var?div=$("div");??
div.animate({left:'100px'},{speed:"slow",?queue:false});//不進(jìn)入隊(duì)列，立刻執(zhí)行
div.animate({width:'200px'},{speed:"slow",?queue:false});//不進(jìn)入隊(duì)列，立刻執(zhí)行
TA貢獻(xiàn)1874條經(jīng)驗(yàn) 獲得超12個(gè)贊
就在這里！
$(function () {
$("#first").animate({
width: '200px'
}, { duration: 200, queue: false });
$("#second").animate({
width: '600px'
}, { duration: 200, queue: false });
});
TA貢獻(xiàn)1865條經(jīng)驗(yàn) 獲得超7個(gè)贊
這將是同時(shí)運(yùn)行的。如果你想同時(shí)在同一個(gè)元素上運(yùn)行兩個(gè)動(dòng)畫怎么辦？
$(function () {
$('#first').animate({ width: '200px' }, 200);
$('#first').animate({ marginTop: '50px' }, 200);
});
這最終排隊(duì)動(dòng)畫。要同時(shí)運(yùn)行它們，你只能使用一行。
$(function () {
$('#first').animate({ width: '200px', marginTop:'50px' }, 200);
});
有沒有其他方法可以同時(shí)在同一個(gè)元素上運(yùn)行兩個(gè)不同的動(dòng)畫？
舉報(bào)