2013-01-31 47 views
0

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

+0

我注意到你链接的页面使用jQuery,但它没有在标签中指定。你在寻找一个纯粹的JavaScript解决方案吗?另外,请在您的文章中张贴您自己的任何相关代码,以便我们可以看到您尝试过的内容。 – Chase

回答

3

您提供的链接是最简单和最好的方式。无需寻找其他任何东西。

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

我在这个问题上看不到jQuery标签,所以我想你也应该推荐'window.onload = function(){// code};' – Ian

+1

window.onload = function(){//代码}; ?同时拥有该代码和以前的代码会有好处吗? – JVE999

+1

我发布的代码只是jQuery的'window.onload = function(){// code}'的方式,所以它会是多余的。 –