CSS 頁面置灰等待效果
阿新 • • 發佈:2019-02-17
<div id='tms-comm-load' style="display:none">
<div class='tms-load-box'>
<img src='<%=request.getContextPath()%>/static/images/load.gif' />
<span id="tms-load-msg"></span>
</div>
<div class='tms-load-mask'></div>
</div>
.tms-load-box{ display:inline-block; border: 2px solid #A1C5F7; padding: 13px 20px; background:#fff; position:fixed; z-index:999999; color:#444; left:50%; top:50%; margin-left:-90px; margin-top:-30px; } .tms-load-box img{ margin-right:10px; } .tms-load-mask{ height:100%; width:100%; position:fixed; z-index:99999; left:0; top:0; background: #545454; opacity: 0.50; filter: alpha(opacity=50); }
showLoading:function(msg){ var defaultMsg = "正在處理,請稍後..."; if(msg) defaultMsg = msg; $("#tms-load-msg").html(defaultMsg); $("#tms-comm-load").show(); }, hideLoading:function(){ $("#tms-comm-load").hide(); },
- 下載次數: 0