前端頁面給指定的div添加遮罩層，並且帶有加載中的小旋轉圖片

話不多說，先上代碼，其實還是比較簡單的

$("<div id='shade' style='opacity:0.85;background:white'></div><img src='${ctx}/static/images/loading2.gif'/>").css({ 
  position:'absolute', 
  top:0, 
  left:0, 
  zIndex:300,
  height:'100%',
  width:'100%'
}).appendTo('#id'); 

其中#id就是你要遮罩的div的id，其中用到的加載中圖片：加載中圖片

就是這么簡單，這里需要注意的事，要進行遮罩的div的樣式要這樣設置position:relative（切記，否則達不到你想要的效果！）

忘了說了，這里的js代碼是基於JQuery寫的，要引入JQuery文件哦！

效果圖：