Question

我正在使用Page Preloading Effect，以便我的主页可以加载。我需要锻炼如何确保它只在登陆网站时执行一次。在每次访问主页时，它执行预加载效果。据推测我可以使用饼干，但我不知道从哪里开始！谢谢:)）

Answer 1

您可以使用jQuery来完成此任务。在您的HTML页面中，在body标签内添加以下代码。

        <div class="loader">
         <h5 class="loaderH">Preparing. ...</h5>
       </div>

现在，以下是上述HTML标记的CSS

        .loader {
            position: fixed;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            z-index: 9999;
            background: url('../../images/loaders/preloader.gif') 50% 50% no-repeat rgb(249,249,249);
        }

        .loaderH{
            position: fixed;
            left: 45vw;
            top: 55vh;
        }

最后在页面准备好之前加载用户jquery。

        $(window).load(function() {
            $(".loader").fadeOut("slow");
            console.log('loaded');
        })

不要忘记更改后台网址src background：url（＆＃39; ../../ images / loaders / preloader.gif＆＃39;）50％50％no-repeat rgb（249,249,249）;

对于预加载器，您可以使用以下内容。

http://www.ajaxload.info/images/exemples/26.gif http://www.mandalayonlinestore.com/assets/img/loader.gif

或者只是google preloader gif

页面预加载效果 - 加载并执行一次

1 个答案: