zoukankan      html  css  js  c++  java
  • bootstrap创建带遮罩层的进度条

    <div class="modal fade" id="loadingModal">
        <div style=" 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=" 100%;"></div>
            </div>
            <h5>正在加载...</h5>
        </div>
    </div>
    
    
    //显示
    $("#loadingModal").modal('show');
    //隐藏
    $("#loadingModal").modal('hide');
    
    
    //使点击空白处遮罩层不会消失 
    $("#loadingModal").modal({backdrop:'static'});
    //按Tab键遮罩层不会消失 ,默认值为true 
    $("#loadingModal").modal({keyboard:false});
    
    
    //也可以一起运用
    //backdrop 为 static 时,点击模态对话框的外部区域不会将其关闭。
    //keyboard 为 false 时,按下 Esc 键不会关闭 Modal。
    $('#loadingModal').modal({backdrop: 'static', keyboard: false});
     
    当你的才华还撑不起你的野心时
    那你就应该静下心来学习
    当你的能力还驾驭不了你的目标时
    那就应该沉下心来历练
  • 相关阅读:
    【LeetCode-位运算】汉明距离总和
    python类的继承和重写
    单元测试unittest使用说明
    Java学习90
    Java学习89
    Java学习88
    Java学习87
    Java学习86
    Java学习85
    Java学习84
  • 原文地址:https://www.cnblogs.com/yang-xiansen/p/10895252.html
Copyright © 2011-2022 走看看