是否有可能让div淡出，然后在页面加载时淡入不同的位置？

Question

是否有可能让（第一个）div淡出，然后在不同的地方淡入（第二个div）和（第二个）div应该在（第一个）div位置淡入

显然使用.fadeIn（）和.fadeOut（）函数，但我不确定div是如何淡入淡出同时消失的.... ！[在此输入图像说明] [1]

Answer 1

$("#div1").fadeOut(300,function(){ //hide first div
  $("#div2").fadeIn(); //show second div when first div is fully hidden.
})

您可以使用fadeOut()和fadeIn()的回调。

Answer 2

   $("#div1").fadeOut()
   $("#div2").fadeIn()

如果您想同时淡出，请同时调用两个功能。

Answer 3

以前的一些答案会在旧的消失后显示新的div。听起来你想要同时发生褪色。解决这个问题的方法是确保div2绝对位于与div1相同的位置，但z索引较低，因此div1完全覆盖并隐藏它。然后当淡出div1时，div2会在它后面淡出。