由jquery提供背景遮罩。

Question

如何使用背景掩码进行警报（掩码是整页）？ （我不想使用插件的）

说明：点击按钮或链接后，与背景面具警报。

演示一样在这里=>http://thrivingkings.com/apprise/

Answer 1

您所定制的解决方案有很多选择的演示。不使用任何插件或自定义脚本 - 您将无法自定义警报对话框。

非常，非常简单的例子：

.alert { width:200px; height:80px; margin:-40px 0 0 -100px; position:absolute; left:50%; top:50%; background:red; text-align:center; } 

     $('#btnAlert').click(function() { 
      var $alertDiv = $('<div class="alert">This is the alert text.</div>'); 
      $('body').append($alertDiv); 
      $alertDiv.click(function() { 
       $(this).fadeOut(100); 
      }); 
      $alertDiv.fadeIn(100); 
     });