jquery和css中的动画？

2013-02-27 104 views 0 likes

我试图在单击链接时将div移动到顶部。当我点击另一个链接时，它应该回到原来的位置并淡出。jquery和css中的动画？

我用了jQuery居中DIV .. 现在的问题是，当我点击它工作正常的链接，说40像素高达.. 我设置移动该div下来，当我点击第二个链接。。

的问题是什么，如果我点击第二个链接，股利像我写它的事件处理程序向下移动..

如何检测该div以前还是不动？就像当我点击第一个链接，然后第二个div运行良好..但是，如果我点击第二个，它会下降，它会从屏幕上消失。

回答

简单的说，在第一个动画回调中，只需向类似anim-done的div中添加一个类，然后在第二次点击的事件处理程序中添加一个类，然后在将其重新设置为原始位置并将其淡出之前检查此类。确保在第二个动画的回调中删除此类。

这里的小提琴以帮助澄清：http://jsfiddle.net/G5JcA/

2013-02-27 05:29:19 kayen

这很混乱，你可以拨弄吗？我是新手..感谢您的支持。 – designerNProgrammer 2013-02-27 05:33:45

@designerNProgrammer新增小提琴。干杯! – kayen 2013-02-27 05:41:30

您可以使用成功函数后，动画结束

下面是语法

.animate({co-ords},time,successfuntion);

指this fiddle其淡出div移动到左边后

2013-02-27 06:21:02