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

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

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

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

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

效果圖：

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