Jquery和css中的动画？答案

【问题标题】：Animation in Jquery and css?Jquery和css中的动画？
【发布时间】：2013-02-12 19:52:15
【问题描述】：

当我单击链接时，我正在尝试为 div 设置动画以移动到顶部。当我点击另一个链接时，它应该动画回到原来的位置并淡出。

我使用 jquery 来居中 div.. 现在的重点是，当我点击一个链接时它工作正常，比如说 40 px .. 当我点击第二个链接时，我设置了将该 div 向下移动..

问题是如果我点击第二个链接，当我为它编写事件处理程序时，div 图像向下移动..

如何检测 div 之前是否移动过？就像当我单击第一个链接然后单击第二个链接时 div 运行良好.. 但如果我点击第二个，它会下降并从屏幕上消失。

【问题讨论】：

【解决方案1】：

动画结束后可以使用成功功能

下面是语法

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

参考this fiddle向左移动后会淡出div

【讨论】：

【解决方案2】：

简单，在第一个动画回调中，只需向 div 添加一个类，如 anim-done 并在第二次点击的事件处理程序上，检查这个类，然后再将其动画化回原来的位置并淡出它。确保在第二个动画的回调中移除这个类。

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

【讨论】：