为什么我的console一直都是在loading的状态呀?

来源:2-2 通过加载状态事件制作进度条

喵喵123456

2017-09-15 10:40

为什么我的console一直都是在loading的状态呀?

写回答 关注

2回答

  • 喵喵123456
    2017-09-20 22:13:16

    O(∩_∩)O谢谢


  • 上头
    2017-09-16 10:38:26
    <style type="text/css">
            .loading {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #fff;z-index: 100;}
            .loading .pic {position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 64px;height: 64px;margin: auto;background: url(images/Spinner.gif);}
        </style>
    
    <script type="text/javascript" src="jquery-2.0.0.min.js"></script>
        <script type="text/javascript">
            document.onreadystatechange = function() {
                if(document.readyState === "complete"){
                    $(".loading").fadeOut();
                }
            }
        </script>
        
        <body>
        <div class="loading">
            <div class="pic"></div>
        </div>
    
        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1505535427214&di=cb568795381053c48b8bb8ad9d854d81&imgtype=0&src=http%3A%2F%2Fimg.ph.126.net%2FVyi2b79Jj7rxWNmdLoi4lA%3D%3D%2F1096907984242813238">
        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1505535499960&di=82e9bbf1a824587fbee23661f7882ed0&imgtype=jpg&src=http%3A%2F%2Fb.hiphotos.baidu.com%2Fimage%2Fpic%2Fitem%2Fcdbf6c81800a19d8e594fbc53afa828ba71e465e.jpg">
        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1505535510138&di=f9accc5d915e9c01dcc53911e608e1b0&imgtype=jpg&src=http%3A%2F%2Fd.hiphotos.baidu.com%2Fimage%2Fpic%2Fitem%2F9825bc315c6034a885f53540c2134954082376d8.jpg">
        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1505535525443&di=98f72f59f762ca609a84555e50d53ed5&imgtype=jpg&src=http%3A%2F%2Fd.hiphotos.baidu.com%2Fimage%2Fpic%2Fitem%2F8b13632762d0f703d28f411c01fa513d2697c535.jpg">
    </body>


    没有看到你完整的代码不知道。。。。 这是我可以正常运行的代码 你可以对比一下!

    上头

    .pic的背景图片地址和jQ文件地址改回你自己的就行了

    2017-09-16 10:39:48

    共 1 条回复 >

常用的网页加载进度条

通过课程,让你学习到网页中常见的进度加载的实现方式.

32872 学习 · 81 问题

查看课程

相似问题