Javascript 我想先显示一张图片，然后再显示网站内容_Javascript_Html_Css

Javascript 我想先显示一张图片，然后再显示网站内容

javascript html css

Javascript 我想先显示一张图片，然后再显示网站内容,javascript,html,css,Javascript,Html,Css,假设我有一个名为a.html的页面和一张图片x。现在，当用户转到a.html时，我想显示3/4s的图片x，然后我想显示页面内容。有人能帮我做这件事吗？下面是一个小代码，它将使用纯js在显示网站内容之前显示图像。我认为这类似于人们在加载内容之前显示加载图像的方式 <html> <head> <title>Image before loading content</title> </head> <body onload="

假设我有一个名为a.html的页面和一张图片x。现在，当用户转到a.html时，我想显示3/4s的图片x，然后我想显示页面内容。

有人能帮我做这件事吗？

下面是一个小代码，它将使用纯js在显示网站内容之前显示图像。我认为这类似于人们在加载内容之前显示加载图像的方式

<html>
<head>
    <title>Image before loading content</title>
</head>
<body onload="show();">
    <div id = "myDiv">
        <img id = "myImage" src = "http://jimpunk.net/Loading/wp-content/uploads/loading45.gif">
    </div>
    <div id="content" style="display: none;"> 
        This is a CONTENT SECTION Put your content here
    </div>
<script type = "text/javascript">
    function show() {
        document.getElementById("myDiv").style.display="block";
        setTimeout("hide()", 5000); // 5 wait, change the delay here
    }

    function hide() {
        document.getElementById("myDiv").style.display="none";
        document.getElementById("content").style.display="block";
    }
</script>
</body>

这个你可以放在一个HTML页面，你应该能够看到我在哪里制作的图像，以及延迟时间将发生在哪里

下面是一个使用上述代码的工作示例：

您尝试过什么吗？这将有助于提供一些代码，您是否计划使用任何库？不，我没有尝试任何东西。我不打算使用任何图书馆。我想让它与简单的JS。如果你能帮助我。请让我知道它是否工作，你可以调整它一点在需要的地方。如果答案有效，请批准答案：。祝你好运