zoukankan      html  css  js  c++  java
  • jquery 遮罩层指定位置

    1.css
    
    
    .datagrid-mask-msg {
      position: absolute;
      top: 50%;
      margin-top: -20px;
      padding: 12px 5px 10px 30px;
       auto;
      height: 16px;
      border- 2px;
      border-style: solid;
      display: none;
    }
    
    2. js
    
    
     this. WaitMessage2Position=function(msg, jqobj) {
    
            $("<div class="datagrid-mask"></div>").css({ display: "block",  "100%", height: jqobj.height() }).appendTo(jqobj);
            $("<div class="datagrid-mask-msg"></div>").html(msg).appendTo(jqobj).css({
                display: "block",
                left: (jqobj.outerWidth(true)) / 2, top: (jqobj.outerHeight(true)+390) / 2
            });
        }
        this. RemoveWaitMessage2Position=function(jqobj) {
    
            jqobj.find(".datagrid-mask").remove();
            jqobj.find(".datagrid-mask-msg").remove();
        }
    
    
    
    
    3.调用
    
    
     DataGrid.WaitMessage2Position("正在加载中,请稍候。。", $("#home"));
    
    4.移除
    
    
    DataGrid.RemoveWaitMessage2Position($("#home"));
  • 相关阅读:
    JSP第三章
    JSP第二章
    JSP第一章
    异常
    七种设计原则
    非泛型集合
    .NET第一章
    航班预定系统
    JSP数据交互(二)
    JSP数据交互(一)
  • 原文地址:https://www.cnblogs.com/kexb/p/5344627.html
Copyright © 2011-2022 走看看