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

时间:2012-03-30 16:52:54

标签: jquery

我试图从头开始构建一个滑块只是有点卡住,我基本上希望每个div淡出然后下一个直接淡入,一旦每个div已经淡入,我希望其中的图像动画,我试着解释一下。谢谢你的帮助!

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

1 个答案:

答案 0 :(得分:0)

基本上,当您想要创建顺序动画时,必须使用回调功能。如果按照小提琴的方式进行,则会同时启动所有效果,从而导致行为混乱。 函数fadeIn,fadeOut和animate都采用回调函数。 假设你想要fadeIn,然后是animate,然后是fadeOut。

  1. 使用回调函数调用fadeIn,该回调将设置动画
  2. 使用fadeOut
  3. 的回调调用animate 我分道扬琴给你举个例子,但我只为第一个div做了。如果您了解这种机制,可以很容易地扩展它以获得任意数量的效果。这是:http://jsfiddle.net/bBxUQ/1/