Question

如何创建在加载页面之前/之后播放的jquery或css动画？这将显示在页面上的HTML元素之前。

Answer 1

最快的方法是使用.hide（）和.show（）隐藏所有内容。然后，当您完成所有内容切换内容和图像可见性。

    <html>
    <head>
    </head>
    <body>
    <div id="image"/>
    <div id="content" />
    </body>
    </html>

    <script type='text/javascript'>
//pseudocode

    image.show();
    content.hide();
    ajax call
    .successful = function () {image.hide();content.show();}
    </script>

Answer 2

您可以显示动画，直到页面加载。一旦加载了对象。隐藏那个东西！

这是一个例子

<img src="someAnimationFile.gif" alt="photo" />

jQuery代码，

$(document).ready(function () { // required by jquery
   $('body').load(function () { // if body, or whatever element to be loeded
      $('img').hide(); // hide the image
   }
}

然后就可以了。它将继续显示图像，直到块被加载。

网站用Jquery加载动画

2 个答案: