javascript - 在首页将 Logo 动画显示 3 秒，然后显示图像 slider

Question

我正在尝试在不离开页面或重新加载的情况下从 Logo 到图像 slider 获取动画我想知道使用jquery实现此目的的最佳方法，我正在学习网络开发任何帮助都是非常感谢您

<div class="intro">



<img scr="logo.png">

<h3> website title</h3>

</div>

<div class="slides">

<ul>

<li>

<img scr="img.jpg" />

</li>

</ul>

</div>
<script>
$(function(){ $('.intro').hide.show(3000);});
</script>

Answer 1

这是一个 FIDDLE 。

$(function() {
  $('.intro').delay(5000).fadeOut(600, function() {
    $('.slides').fadeIn(600);
  });
});