文档章节

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

颖辉小居
 颖辉小居
发布于 10/23 19:15
字数 131
阅读 52
收藏 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>

 

© 著作权归作者所有

共有 人打赏支持
颖辉小居
粉丝 30
博文 175
码字总数 79219
作品 0
东城
高级程序员
私信 提问
Vue 折腾记 - (4) 写一个不大靠谱的 loading 组件

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

CRPER
2017/07/21
0
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
小程序 textarea组件层级过高导致文字穿透浮层的一个解决方法

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

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

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

文文1
2015/08/03
0
0
JS实现遮罩层

用JS实现一个常见的遮罩层,该遮罩层包含三部分(触发按钮,透明遮罩层,弹出对话层),并分解各部分(分为HTML,CSS,JavaScript),逐一讲解实现的机理。最终效果如下图: HTML结构 一个用来触...

MangoGan
2017/11/24
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Spring应用学习——AOP

1. AOP 1. AOP:即面向切面编程,采用横向抽取机制,取代了传统的继承体系的重复代码问题,如下图所示,性能监控、日志记录等代码围绕业务逻辑代码,而这部分代码是一个高度重复的代码,也就...

江左煤郎
今天
3
0
eclipse的版本

Eclipse各版本代号一览表 Eclipse的设计思想是:一切皆插件。Eclipse核心很小,其它所有功能都以插件的形式附加于Eclipse核心之上。 Eclipse基本内核包括:图形API(SWT/Jface),Java开发环...

mdoo
今天
1
0
SpringBoot源码:启动过程分析(一)

本文主要分析 SpringBoot 的启动过程。 SpringBoot的版本为:2.1.0 release,最新版本。 一.时序图 还是老套路,先把分析过程的时序图摆出来:时序图-SpringBoot2.10启动分析 二.源码分析 首...

Jacktanger
今天
3
0
小白带你认识netty(二)之netty服务端启动(上)

上一章 中的标准netty启动代码中,ServerBootstrap到底是如何启动的呢?这一章我们来瞅下。 server.group(bossGroup, workGroup);server.channel(NioServerSocketChannel.class).optio...

天空小小
今天
3
0
聊聊storm trident batch的分流与聚合

序 本文主要研究一下storm trident batch的分流与聚合 实例 TridentTopology topology = new TridentTopology(); topology.newStream("spout1", spout) .p......

go4it
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部