Javascript 从多个HTML文件调用代码_Javascript_Jquery_Html_Animation_External

Javascript 从多个HTML文件调用代码

javascript jquery html animation

Javascript 从多个HTML文件调用代码,javascript,jquery,html,animation,external,Javascript,Jquery,Html,Animation,External,我用CSS和JS制作了一个加载动画。加载页面时，首先显示动画，加载页面内容时动画消失。在当前格式中，js代码和相关链接必须加载到每个html文件中。我正在寻找一种解决方案，其中动画代码位于另一个文件中，而所有其他网页只调用该文件，以便在一个地方所做的更改应用于所有地方在下面的链接中找到了一个可能的解决方案我想知道是否有比上面链接中提到的更好的解决方案代码如下 index.html <html> <head> <title>Lo

我用CSS和JS制作了一个加载动画。加载页面时，首先显示动画，加载页面内容时动画消失。在当前格式中，js代码和相关链接必须加载到每个html文件中。我正在寻找一种解决方案，其中动画代码位于另一个文件中，而所有其他网页只调用该文件，以便在一个地方所做的更改应用于所有地方

在下面的链接中找到了一个可能的解决方案

我想知道是否有比上面链接中提到的更好的解决方案

代码如下

index.html

    <html>
    <head>
     <title>Loading Animation using jQuery</title>
     <script src="js/jquery.js"></script>
     <script src="js/jquery.backstretch.js"></script>
     <link href="css/animation.css" type="text/css" rel="stylesheet">
     </head>
     <body>
     <div id="loader">
     </div>
     <h2>Hi There</h2>
     <script>

     $(window).load(function(){
      $("#loader").delay(10000).hide(0).fadeOut("slow");
      });
     </script>
     </body>
      </html>

对不起，我删除了我的答案，因为我不明白你的问题。您可以使用PHP吗？对不起，我删除了我的答案，因为我不理解您的问题。您可以使用PHP吗？

     #loader{
     z-index:999999;
      display:block;
     position:fixed;
     top:0;
     left:0;
     width:100%;
      height:100%;
      background:url(images/loader.gif) 50% 50% no-repeat rgb(249,249,249); 
 }