html 页面卡死 怎么加loading

html 页面卡死 怎么加loading,第1张

页面卡死,还是在页面内容或者代码上去解决。即使加了loading,页面卡死后,loading代码本身也会出现假死的。

除了加loading外,最重要的还是解决假死的问题

参考以下loading代码:

<style>

.loading{

            width: 80px

            height: 40px

            margin: 0 auto

            margin-top:100px

        }

        .loading span{

            display: inline-block

            width: 8px

            height: 100%

            border-radius: 4px

            background: lightgreen

            -webkit-animation: load 1s ease infinite

        }

        @-webkit-keyframes load{

            0%,100%{

                height: 40px

                background: lightgreen

            }

            50%{

                height: 70px

                margin: -15px 0

                background: lightblue

            }

        }

        .loading span:nth-child(2){

            -webkit-animation-delay:0.2s

        }

        .loading span:nth-child(3){

            -webkit-animation-delay:0.4s

        }

        .loading span:nth-child(4){

            -webkit-animation-delay:0.6s

        }

        .loading span:nth-child(5){

            -webkit-animation-delay:0.8s

        }

</style>

<div class="loading">

        <span></span>

        <span></span>

        <span></span>

        <span></span>

        <span></span>

</div>

原因如下:

1、网络中断了,恢复网络后网站即可恢复正常。

2、网站设计问题。因为网站设计问题导致与浏览器通讯中断,这时候需要管理员从新设置一下网站即可恢复正常。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/5947906.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-09
下一篇 2023-03-09

发表评论

登录后才能评论

评论列表(0条)

保存