javascript - 在加载事件上显示图像

Question

我想在显示我的主页之前显示几秒钟的 gif 图像。我试过onLoadEvent没有成功。有人可以建议我使用 CSS 或 JAVASCRIPT 的解决方案吗？

Answer 1

It's hard to tell exactly what you are looking for but this will show an image and hide it after 5 seconds on page load.

window.onload = function () {
    var imgContainer = document.getElementById('ImgContainer');
    imgContainer.style.display = 'block';
    setTimeout(function () {
        imgContainer.style.display = 'none';
    }, 5000);
};

Here is a link to a JSFiddle example.

JSFiddle

Answer 2

创建一个 div，用 div 内的图像填充整个浏览器窗口。在 bodysonload事件中（或者如果您使用 jQuery $(document).ready）从 DOM 中删除 div。