开发者社区> 问答> 正文

关于如何给网站添加loading 是用jquary的方法嘛

就最后一步给网站添加loading这一块 卡住了 我想问下 是用什么load形式 给网站添加loading 好让首页在加载完之后再跳转 在线等

展开
收起
小旋风柴进 2016-03-24 09:45:58 1759 0
1 条回答
写回答
取消 提交回答
  • 一个全屏加载loading显示的解决方法
    step1:可以在网页里加一个div用来现实loading。

    <div id="loading">
       <!--这里放你的loading时显示的动画或者文字-->
    </div>
    step2: 给这个loading div的样式
    
    /*加载时全屏处于不能操作,只能处在loading动画的界面*/
    html,body{
           height:100%;
           width:100%;
     }
    body{
           overflow: hidden;
    }
     #loading{           
           width:100%;
           height:100%;
           color:#9f9f9f;
           top:0px;
           left:0px;
           position:absolute;
           z-index: 1999;/*用来显示在最前面*/
           text-align: center;
    }
    /*这里是页面正常显示部分,全部设为display:none*/
    .wrapper{
           display: none;
    }

    step3: 这里是jQuery代码

    /*当页面加载完之后执行*/
    $(window).load(function(){
         $('#loading').fadeOut();  
         $('body').css('overflow','scroll');
         $('.wrapper').fadeIn(); 
    });
    2019-07-17 19:11:58
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载