将动画返回到其原始位置答案

【问题标题】：Return the animation into its original postion将动画返回到其原始位置
【发布时间】：2013-04-26 08:31:12
【问题描述】：

我想返回所有已经幻灯片的图像，并返回到它的原始位置。如何使它将所有图像恢复到原始位置？谢谢！

我的 js 代码

    function animateFirst(){
        $('#slideimg > div:first').animate({left:"-=62px"},
        500,function(){
        $('#slideimg > div:first').delay(4500).animate({bottom:"-62px"},500).appendTo('#small-img1');

}
}

我的html代码

<div id="small-img1">
        <div id="slideimg">
            <div><img src="images/resize_1346910724.jpg" /></div>
            <div><img src="images/resize_1347348425.gif" /></div>
            <div><img src="images/resize_1347354705.png" /></div>
         </div>
</div>

【问题讨论】：

查看this google search，其中前 7 个结果 与您的问题重复 - All 堆栈溢出。

标签： php javascript jquery if-statement

【解决方案1】：

我不明白您想要做什么（查看您的代码），但要回答您的标题，您可以通过保存原始位置（左偏移和顶部偏移）来重置位置，并将您的元素设置为之前保存的位置.

【讨论】：

【解决方案2】：

on $("document").ready 将所有图像和位置存储到一个数组中，然后创建一个函数来在调用时恢复这些值... 呃……

on $("document").ready 将包装器 div 的内容（html）复制到一个变量，然后在调用时用原始 html 替换该 div 的内容...

许多不同的方法来做到这一点

【讨论】：