使用jQuery淡出DIV并淡入下一个DIV

Question

我试图从头开始构建一个滑块，只是我有点卡住了，我基本上希望每个div都淡出，然后下一个直接淡出，一旦每个div淡出，我希望其中的图像能够动画化，我已经做了一个小提琴来尝试解释。谢谢你的帮助！

http://jsfiddle.net/FeqkB/2/

Answer 1

基本上，当您想要创建连续动画时，必须使用回调函数。如果你用小提琴演奏的方式演奏，你会同时发出所有的效果，导致混乱的行为。函数fadeIn、fadeOut和animate都使用回调函数。假设您想要渐变输入，然后设置动画，然后渐变输出。

1. fadeIn是用一个回调调用的，该回调将使
2. animate是用一个将淡出的回调调用的

我为你举了一个例子，但我这样做只是为了第一个div。如果你了解这个机制，就很容易将它扩展到任何数量的效果。它在这里：http://jsfiddle.net/bBxUQ/1/