我嘗試這樣做:在jquery中,如何讓div順利地從A滑動到B,以便另一個div在A中淡出?
$('#hidden_div').fadeIn();
但是,我想順利地滑下格,只是瞬移自己的下一個位置。 (我希望它平穩地滑動到它) 那麼這個:
$('#sliding_div').animate({marginTop: '+=400px'},1000);
$('#hidden_div').fadeIn();
但我沒有得到正確的效果。 你怎麼能做到這一點?提前致謝。
我嘗試這樣做:在jquery中,如何讓div順利地從A滑動到B,以便另一個div在A中淡出?
$('#hidden_div').fadeIn();
但是,我想順利地滑下格,只是瞬移自己的下一個位置。 (我希望它平穩地滑動到它) 那麼這個:
$('#sliding_div').animate({marginTop: '+=400px'},1000);
$('#hidden_div').fadeIn();
但我沒有得到正確的效果。 你怎麼能做到這一點?提前致謝。
$('#sliding_div').animate({marginTop: '+=400px', opacity:1},1000);
之前,設置不透明度#sliding_div爲0
如果我瞭解你後的效果,你需要fadeIn()
第二DIV的animate()
完成後。您可以使用callback
參數animate()
做到這一點:
$('#sliding_div').animate(
{ marginTop: '+=400px' },
1000,
function() {
$('#hidden_div').fadeIn();
}
);
這裏是一個平滑的版本:http://jsfiddle.net/W8AtL/4/
This fixes the jump from it being marginTop.
喜羅裏,感謝您的答覆。問題是創建了400px的marginTop。那麼它會發生什麼:它滑落400px,然後當隱藏的div淡入時,sliding_div會捕捉另一個400px。也許與相對定位有關?謝謝 – alexx0186 2012-04-16 09:24:14
你可以發佈一個http://jsfiddle.net與你的代碼,所以我可以看到你的意思嗎? – 2012-04-16 09:26:47
嗨,就是這樣:http://jsfiddle.net/W8AtL/1/ – alexx0186 2012-04-16 09:36:22