2013-05-01 54 views
-2

在這個例子中,我使用div,但我需要像從右到左,然後從左到右幻燈片,但我不能,是他們不動畫的頂部另一...Div動畫

HTML

<div id="slider"> 
    <div id="background">1</div> 
    <div id="logo">2</div> 
</div> 

jQuery的

$("#background").animate({ 
    marginLeft: "500px", 
}, 1000); 
$("#logo").animate({ 
    marginRight: "500px", 
}, 500); 

http://jsfiddle.net/7kvRA/

+0

http://jsfiddle.net/7kvRA/ – 2013-05-01 18:02:21

+0

「在這個例子中」什麼例子? – j08691 2013-05-01 18:23:59

回答

0

設置的#logo div的頂部邊緣到CSS負#background div的高度或任何需要

margin-top:-150px; 

http://jsfiddle.net/fEPsX/

+0

謝謝你的麻煩! – 2013-05-01 18:39:52

0

不知道你在找什麼答案,但:

如果你正在尋找扭轉動畫完成後,嘗試添加一個onComplete到你的jQuery動畫方法。

(查找的文檔「完整」)

如果你正在尋找另一個DIV的頂部動畫一個div,使用absolute定位和z-index ING。

希望有所幫助。

+0

如果我使用絕對位置,動畫不起作用 – 2013-05-01 18:21:14

+0

如果將它們放在絕對位置,並且將'left'屬性與'marginLeft'對齊,則動畫將起作用。無論哪種方式將工作正常。我經常發現使用絕對值的動畫更精確。很高興你解決了你的問題。 – 2013-05-01 19:38:24