找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 311|回复: 0

jquery页面添加loading展示

[复制链接]

231

主题

2

回帖

826

积分

管理员

积分
826
发表于 2024-9-9 22:41:37 | 显示全部楼层 |阅读模式
html:
  1. <div id="loading">
  2.   <img src="img/loading.gif" alt="loading.." /><br/>
  3.   加载中...
  4. </div>
复制代码

js:
  1. $("#loading").show();
复制代码


css:
  1. <style type="text/css">
  2.     #loading {
  3.       position: fixed;
  4.       z-index: 9999999;
  5.       width: 100%;
  6.       height: 100%;
  7.       top: 0%;
  8.       left: 0%;
  9.       text-align: center;
  10.     font-size: 0.9rem;
  11.       color: #ffffff;
  12.       background-color: #0000005e;
  13.       padding-top: 35%;
  14.     }
  15.   </style>
复制代码

微信扫一扫,分享更方便

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|代码人 ( 皖ICP备17023346号-3|京公网安备11011402054264号 )

GMT+8, 2024-12-23 10:11 , Processed in 0.122649 second(s), 31 queries .

© 2024 Daimaren.com 版权所有

快速回复 返回顶部 返回列表