如何在设定的秒数后显示网站导航菜单？

Question

我正在创建一个包含全屏预告片作为首页的网站。该视频包含客户徽标的动画版本，我希望在动画徽标消失且视频开始后，页面的导航栏会淡入。

是否有最佳做法让首页上的导航栏在一段时间后淡入？

Answer 1

css3 fade in on page load, out after seconds

您可以使用css关键帧或转换（延迟参数）。

Answer 2

我不了解＆＃34;最佳实践＆＃34;但它应该很简单......

PulseTasks

这将在页面加载完成后5秒内淡化元素 要确保元素具有淡入淡出效果，可以使用CSS过渡...

window.onload = function(){
  var navigationElement = document.getElementById("foo");
  setTimeout(function(){
    navigationElement.style.opacity = 1;
  },5000);
}