weinichendian的博客

新手上路,记录开发中的点点滴滴!

进度条显示—正在加载中......

1.在ajax中调用:
  beforeSend:function(XHR){
     $("#loading").show();
  },这个方法
  
  返回success时设置为隐藏即可:$("#loading").hide();

2.显示层
<div id="loading" style="z-index:99999;display:none; position:fixed; top:0;left:0; width:100%; 
    height:100%;background-image:url(images/loading.gif); background-position:center; 
    background-repeat:no-repeat; text-align:center;">
   <div style="position:absolute; top:42%; left:45%; width:10%; text-align:center;">正在提交数据,请稍候……</div>
</div>

3.图片loading.gif
     <img src="https://img-blog.csdn.net/20151119143937319?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" height="45" width="45" alt="" />

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/weinichendian/article/details/49927361
文章标签: html
个人分类: html
上一篇html弹出层
下一篇mybatis在一个delete标签写多条delete语句
想对作者说点什么? 我来说一句

页面正在加载组件-2.0

2009年01月17日 12KB 下载

没有更多推荐了,返回首页

关闭
关闭