JQuery动画计时小问题

时间:2012-04-22 07:00:19

标签: jquery animation

好的,我几乎完成了这件事!非常感谢所有帮助/指导我的人。我尽可能多地投票给你。现在我只有最后一个问题 -

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

单击增加按钮时,如何让图像平滑地向左滑动?第一个做到了,但其他人没有滑动。我已经尝试在动画功能中使用“left:' - = 50px'”,但这似乎弄乱了图像之间的间距(它仍然在那里它只是被注释掉了。如果你想看到,只需取出注释斜线它的作用......)。

1 个答案:

答案 0 :(得分:0)

Html / CSS工作:

使图像容器#basic_div绝对。用另一个div将图像包裹在容器内,称之为.frame或其他东西。

将容器position: relative和包装div放在容器position absolute;left:0;top:0;内。

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

<强> JS:

减少动画帧左侧属性为左侧50像素。在动画结束时,删除第一个图像,并在第一个图像不再具有布局时将帧left属性重置为0。这可以确保不会发生跳跃。