javascript - HTML/CSS 等到页面加载完毕

标签 javascript css animation html

我有一个带声音的 CSS 动画,但是,当页面最初加载时,声音会延迟。在加载页面之前,我想要一种方法来等待页面上的所有内容都已加载。我怎样才能做到这一点?我在这里找到了一个脚本:http://css-tricks.com/snippets/jquery/display-loading-graphic-until-page-fully-loaded/但我想知道是否有更简单的方法。

最佳答案

您提供的链接是执行此操作的最简单和最好的方法。无需寻找其他任何东西。

<script>
    // Wait for window load
    $(window).load(function() {
        // Animate loader off screen
        $("#loader").animate({
            top: -200
        }, 1500);
    });
</script>   

关于javascript - HTML/CSS 等到页面加载完毕,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14628707/

相关文章:

javascript - JS 闭包和函数参数

javascript - 使用刷新 token 处理 401 错误并调用相同的函数

javascript - Protractor 立即打开和关闭 chrome 浏览器,而不运行完整场景

css - CSS 内容属性中的 SVG Sprite

html - 为什么我的主图像不在 Chrome 的中心?

html - 在 div 问题中将边距设置为单个 header 标签

javascript - 动画期间的 jQuery 碰撞检测

javascript - 可滑动到屏幕的 div

ios SWRevealViewController 显示推送 segue 动画

android - 移动 videoView...使用平移动画