2013-05-01 64 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