jquery Fade在FadeOut之后的一个元素上面的div?

前端之家收集整理的这篇文章主要介绍了jquery Fade在FadeOut之后的一个元素上面的div?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
  1. jQuery(document).ready(function(){
  2. $(".welcome").fadeOut(9500);
  3. $(".freelance").fadeIn(10000);
  4. $(".freelance").fadeOut(4500);
  5. });

我希望欢迎消息慢慢淡出然后另一个div淡出它的位置然后fadeOut – 显然当欢迎盒不再存在时.@H_404_5@

  1. <header>
  2. <h1 class="left"><a href="index.html"></a></h1>
  3. <div class="left yellowBox welcome"><p>Welcome to my portfolio.</p></div>
  4. <div class="left greenBox freelance"><p>I am currently available for for work,contact me below.</p></div>
  5. </header>

解决方法

您需要将回调函数内的附加fadeIn()和fadeOut调用到第一个. jQuery中的所有动画方法(以及许多其他方法)都允许回调:
  1. jQuery(document).ready(function(){
  2. $(".welcome").fadeOut(9500,function(){
  3. $(".freelance").fadeIn(10000,function(){
  4. $(".freelance").fadeOut(4500);
  5. });
  6. });
  7. });

这将导致.欢迎首先淡出.一旦它完成淡出,.freelance将淡入.一旦它完成淡入,它将逐渐淡出.@H_404_5@

猜你在找的jQuery相关文章