由jquery提供背景掩码警报。

Question

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

说明：点击按钮或链接后，显示带背景掩码的提醒。

像这里的demo =＆gt; 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);
        });