先引入jq代碼，然后代碼如下：

$(function(){  var docHeight = $(document).height(); //獲取窗口高度   $('body').append('<div id="overlay"></div>');   $('#overlay')  .height(docHeight)  .css({   'opacity': .9, //透明度   'position': 'absolute',   'top': 0,   'left': 0,   'background-color': 'black',   'width': '100%',   'z-index': 5000 //保證這個懸浮層位于其它內容之上  });     setTimeout(function(){$('#overlay').fadeOut('slow')}, 3000); //設置3秒后覆蓋層自動淡出});

以上這篇jq給頁面添加覆蓋層遮罩的實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。