我可以在给定的时间内为网站制作开场文字吗？ [复制]答案

【问题标题】：Can i make a opening text for website for the amount of time given? [duplicate]我可以在给定的时间内为网站制作开场文字吗？ [复制]
【发布时间】：2016-11-18 05:50:11
【问题描述】：

我想创建一个网站，其开头文本会显示 5 秒，而无需创建新页面。我可以在不创建新页面的情况下做到这一点，而只使用一些脚本或其他东西，因为我不想创建新页面。

【问题讨论】：

标签： html

【解决方案1】：

您可以使用一些 jquery 代码和一些最小的 html 和 css 轻松完成此操作。 jquery 代码将在 5 秒后淡出并删除页面预加载器 div。由于您是 stackoverflow 的新手，我将解释 jquery 是什么，因为我不知道您对它的熟悉程度。它是一个 javascript 库，使 javascripting 变得快速和容易。因此，您必须在您的 jquery 脚本之前在您的页面上放置一个指向 jquery 库的链接。因此，将页面加载器 div 放置在您希望在正文标记之后放置介绍文本的任何页面上，并将 jquery 链接和代码添加到页面底部。所以你的页面看起来像这样：

这是一个小提琴，向您展示它的外观Fiddle Demo

<!DOCTYPE html>
<head>
<style>
.page-loader{
  position:fixed;
  top:0;left:0;
  width:100%;
  height:100%;
  background:#000;
  color:#fff;
}
.page-loader p{
   position:relative;
   top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align:center;
}
</style>
</head>
<body>
<div class="page-loader">
  <p>INTRO TEXT<br>(Will dissapear in 5 seconds)</p>
</div>
Rest Of Your Page

<!-- JavaScripts Place At Bottom Of Page Before The </body> tag-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $('.page-loader').delay(5000).fadeOut('slow', function() {
    $('.page-loader').remove();
  });
});
</script>
</body>
</html>

【讨论】：

非常感谢
是的，如果这是您正在寻找的内容，请考虑检查此答案旁边的复选标记，以便与您有相同问题的其他用户可以看到正确答案是什么以及什么有效