Question

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

在以下链接中找到了一个预期的解决方案。

Include another HTML file in a HTML file

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

代码如下。

的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>

animation.css

     #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); 
 }

从多个HTML文件中调用代码

0 个答案: