1、遮罩用途及效果css
有時候咱們頁面調用後臺程序時間比較長時,前臺頁面暴露在用戶之下,若是用戶點擊可能會形成邏輯混亂。這時候,遮罩就起到了很好的效果,在觸發後臺程序時咱們將前臺頁面遮住,不讓操做,同時給予一個程序運行請等待的效果。jquery
遮罩效果:ide
2、JQuery遮罩UI實現函數
引用文件:
showLoading.css
jquery.showLoading.jsurl
- //activity_pane爲所需遮罩部分的標籤ID
- jQuery('#activity_pane').showLoading();
- jQuery('#activity_pane').load(
- //調用url
- '<%=base%>inventorystock!listshow',
- //所傳參數,ID爲queryform表單下全部的表單參數
- $("#queryform").serialize(),
- function() {
- //回調函數,成功返回時去掉遮罩
- jQuery('#activity_pane').hideLoading();
- });