用动画划分另一个

时间:2013-05-01 18:02:18

标签: jquery html css

在我使用div的例子中,但是我需要有一张从右到左然后从左到右的图片,但我不能,是因为他们没有动画在另一个上面...... < / p>

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/

2 个答案:

答案 0 :(得分:0)

不确定您正在寻找什么答案,但是:

如果您想要在动画完成时将其反转,请尝试在您的jQuery动画方法中添加onComplete。

http://api.jquery.com/animate/(查看文档“完整”)

如果您想在另一个div顶部设置div动画,请使用absolute定位和z-index

希望有所帮助。

答案 1 :(得分:0)

#logo div的上边距设置为负{c}中#background div的高度或其他所需

margin-top:-150px;

http://jsfiddle.net/fEPsX/