jquery - jQuery动画计时小问题

Question

好的，我几乎完成了这件事！非常感谢所有帮助/向我展示道路的人。我尽可能多地投票给你。现在我只有最后一个问题——

请看这个小提琴并点击“增加”按钮：http: //jsfiddle.net/2C8fy/6/

当您单击增加按钮时，如何使图像平滑地向左滑动？第一个做到了，但其他人不滑动。我试过在动画功能中使用“left：'-=50px'”，但这似乎弄乱了图像之间的间距（它仍然存在，只是被注释掉了。如果你想看的话，只需去掉注释斜线它能做什么...）。

Answer 1

Html / CSS 工作：

使图像容器#basic_div绝对。用另一个 div 将容器内的图像包装起来，调用它.frame或其他东西。

制作容器position: relative，以及容器内的包装 div position absolute;left:0;top:0;。

您现在可以为内部 div 而不是图像设置动画。

JS：

在减少动画帧“左”属性向左 50 像素。在动画结束时，删除第一张图片，并left在第一张图片不再有布局时将 frame 属性重置为 0。这确保不会发生跳跃。