主要就是依靠z-index属性来控制,原理就是在原来的页面上悬浮一层div,并给这个div添加一个加载的动画内容
1、定义一个loadding模块
自定义loadding加载

2、给div添加样式
当div的宽度和高度足够大的时候,下面的一层是不能够进行操作的,加载图标是fontawesome里面的,具体博客会写。
自定义loadding加载

3、调用方法
在开始使用的时候调用ShowWaitDiv() 方法,就会出现加载图标,在自己代码执行完成之后,调用HiddenWaitDiv() 就可以关闭加载图标。
//显示加载数据
function ShowWaitDiv() {
$(“#loading”).show();
}

//隐藏加载数据
function HiddenWaitDiv() {
$(“#loading”).hide();
}

4、效果
其中字体颜色,图标颜色,背景色都是可以自定义的
自定义loadding加载

相关文章:

  • 2022-12-23
  • 2021-07-08
  • 2021-06-04
  • 2022-01-04
  • 2021-09-11
  • 2021-09-24
猜你喜欢
  • 2022-12-23
  • 2021-04-29
  • 2022-01-06
  • 2021-11-15
  • 2021-11-04
  • 2021-12-07
相关资源
相似解决方案