遮罩层添加

$(function(){  
   
  var docHeight = $(document).height(); //获取窗口高度  
     
  $('body').append('<div id="overlay"><div class="content">this is a test!</div></div>');  
     
  $('#overlay')  
    .height(docHeight)  
    .css({  
      'opacity':0.5, //透明度  
      'position': 'absolute',  
      'top': 0,  
      'left': 0,  
      'background-color': '#fff',  
      'width': '100%',  
      'z-index': 5000 //保证这个悬浮层位于其它内容之上  
    });  
    
    $('#overlay .content')
    .css ({
        'font-size': '50px'
       ,'margin-top': '20%'
       ,'text-align': 'center'
    })
        
    // 禁止滚动
    document.body.style.overflow='hidden';
    document.body.style.height='100%';
    document.documentElement.style.overflow='hidden'
    
    //setTimeout(function(){$('#overlay').fadeOut('slow')}, 3000); //设置3秒后覆盖层自动淡出  
});