文档章节

基于JQUERY BOOTSTRAP 最简单的loading遮罩层

颖辉小居
 颖辉小居
发布于 2018/10/23 19:15
字数 131
阅读 518
收藏 0
<%--loading遮罩层--%>
<div class="modal fade" id="loadingModal" backdrop="static" keyboard="false">
      <div style="width: 200px;height:20px; z-index: 20000; position: absolute; text-align: center; left: 50%; top: 50%;margin-left:-100px;margin-top:-10px">
        <div class="progress progress-striped active" style="margin-bottom: 0;">
          <div class="progress-bar" style="width: 100%;"></div>
        </div>
        <h5 id="loadText">loading...</h5>
      </div>
</div>
<%--loading方法--%>
<script type="text/javascript">
    var loadingTime= 5;//默认遮罩时间
    showLoading = function (loadText) {
        if(!loadText){
            $("#loadText").html(loadText)
        }
        $('#loadingModal').modal({backdrop: 'static', keyboard: false});
    }
    hideLoading = function () {
        $('#loadingModal').modal('hide');
    }
</script>

 

© 著作权归作者所有

共有 人打赏支持
颖辉小居
粉丝 31
博文 185
码字总数 80152
作品 0
东城
高级程序员
私信 提问
VUX v2.1.1-rc.11 发布,基于 WeUI 的 Vue 移动端组件库

该版本主要为交互、动画优化。 demo 预览地址:https://vux.li/demos/v2/ Actionsheet [enhance] 更加流畅的遮罩层动画 Alert [enhance] 作为插件使用时,每次都重置属性值 Confirm [fix] 修...

airyland
2017/03/14
1K
1
Vue 折腾记 - (4) 写一个不大靠谱的 loading 组件

前言 有需求,就要动手丰衣足食...公司考虑兼容IE9,那么写的loading就无缘了 因为 IE10+ , 那么要实现会动且可控的(颜色,大小),好像就剩下大佬了; 依旧不废话,看效果图 2017-07-26: 调整了样式...

CRPER
2017/07/21
0
0
Element 2.1.0 发布,基于 Vue 2.0 的桌面端组件库

Element 2.1.0 已发布,更新如下: 新特性 Cascader 新增 和 事件,#9184 Table 方法加入第三个参数 ,#9196 DatePicker 新增 和 属性,#9237 新增 属性,#9094 属性增加对 的支持,#9319 I...

王练
2018/02/01
2.7K
13
小程序 textarea组件层级过高导致文字穿透浮层的一个解决方法

最近做的一个小程序需求,其中一个页面使用到了 这个小程序组件,然后点击页面上的某个元素,会触发页面弹起一个弹窗,这时发现 的 文字或者输入的文字内容,会直接穿透遮罩层和浮动弹窗,显...

清夜
2018/08/08
0
0
easyui为tab添加遮罩层

项目里要用HighChart显示图表,如果返回的数量量太多,生成图表是一个很耗时的过程。tab控件又没有显示遮罩的设置(至少本菜是没有找到), Google了一下,根据另一个兄台写的方法,拿来改造...

文文1
2015/08/03
0
0

没有更多内容

加载失败,请刷新页面

加载更多

面向对象继承

第1章 面向对象 1.1 知识回顾 1.Java中的数据类型 2.引用数据类型String中的方法 3.IO流_读写文件 1.2 面向对象概念回顾 什么叫面向对象编程?有人是这么理解的 也有人说不对,面向对象编程是你...

stars永恒
31分钟前
0
0
Java-深入HashMap原理及内部存储结构

本文将通过如下简单的代码来分析HashMap的内部数据结构的变化过程。 public static void main(String[] args) { Map<String, String> map = new HashMap<>(); for (int i = 0; i ......

小刀爱编程
46分钟前
1
0
高并发和分布式中的幂等处理

概念 抽象概念 幂等(idempotent,idempotentce)是一个数学与计算机概念,常见于抽象代数中。 在计算机概念中,就是针对一个操作,不管做多少次,产生效果或返回的结果都是一样的。 场景距...

细节探索者
46分钟前
0
0
2019年1月份最新阿里内推Java后端面试题

阿里一面题目: osi七层网络模型,五层网络模型,每次层分别有哪些协议死锁产生的条件, 以及如何避免死锁,银行家算法,产生死锁后如何解决如何判断链表有环虚拟机类加载机制,双亲委派模型...

别打我会飞
今天
2
0
MIT 6.828 main.c文件分析

#include <inc/x86.h>#include <inc/elf.h> /*这是一个简单粗略的boot loader,它唯一的工作就是从硬盘的第一个扇区启动格式为ELF的内核镜像硬盘布局这个程序(包括boot.S和mai...

FeanLau
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部