jquery - 用动画分割另一个

Question

在示例中我使用了 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);

score 0 · Accepted Answer

不确定您正在寻找什么答案，但是：

如果您正在考虑在动画完成后反转动画，请尝试将 onComplete 添加到您的 jQuery animate 方法中。

http://api.jquery.com/animate/ （查找“完整”的文档）

如果您希望在另一个 div 之上为 div 设置动画，请使用absolute定位和z-indexing。

希望有帮助。

score 0 · Accepted Answer

将#logodiv 的上边距设置为负#backgrounddiv 在 css 中的高度或所需的任何值

margin-top:-150px;

2 回答 2