在首页动画化一个标志3秒钟，然后显示一个图像滑块

animate a logo for 3 seconds in the front page and then show an image slider

本文关键字：一个 显示 然后 图像 3秒钟 动画 首页 标志      更新时间：2024-05-13

我正在尝试在不离开页面或重新加载的情况下将动画从徽标添加到图像滑块。我想知道使用jquery实现这一目标的最佳方法，我正在学习web开发。任何帮助都将非常感谢

<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>

这里有一个FIDDLE。

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

尝试$('.intro').hide().delay(3000).show();
尚未对此进行测试，但请确保在函数调用后有parens（例如.hide()而非.hide.

还使用delay(3000)将显示延迟3秒，而不是衰落3秒。

还有一个提示：尝试使用CSS隐藏.intro块：

.intro {
    display: none;
}

要显示滑块，只需对.slide:执行相同操作

$('.slide').show();
相关文章：