Javascript jquery使用后台掩码发出警报。？

如何使用背景遮罩（遮罩用于整页）发出警报？（我不想使用插件）

说明：单击按钮或链接后，显示带有背景遮罩的警报

---

像这里的demo=>

一样，在demo上，您可以定制具有许多选项的解决方案。如果不使用任何插件或自定义脚本，您将无法自定义警报对话框

非常非常简单的示例：

.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);
        });

.alert{宽度：200px；高度：80px；边距：-40px 0-100px；位置：绝对；左侧：50%；顶部：50%；背景：红色；文本对齐：中心；}
$（'#btnAlert'）。单击（函数（）{
var$alertDiv=$（“这是警报文本”）；
$（'body'）。追加（$alertDiv）；
$alertDiv.单击（函数（）{
美元（本）。淡出（100）；
});
$alertDiv.fadeIn（100）；
});

你链接到的插件有什么问题，为什么不使用它？@Pekka插件的大小很大，以防代码变薄后可以转到goal@Jennifer那太可笑了。这个插件有3千字节大。这真的是最薄的了。我建议你使用它。@Pekka我不仅仅使用一个插件，还有其他插件，它们一起有很高的可用性volume@Jennifer不是真的-我想你必须重建插件提供的功能，这将是一个很大的工作，我仍然不明白为什么。它是大尺寸的。请给我一个简单的例子？大尺寸？你提到的插件非常小，在缩小版中只有3kb（如果你用自定义脚本实现，可能会更大），请给我一个简单的例子？