alert with background mask by jquery.? [closed]

As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel开发者_高级运维 that this question can be improved and possibly reopened, visit the help center for guidance. Closed 11 years ago.

how is make a alert with background mask(mask is for full page)? (i don't want use of plugin)

Explanation: After click on a button or link, show an alert with the background mask.

Like demo in here=> http://thrivingkings.com/apprise/

---

On the demo you have custom built solution with a lot of options. Without using any plugins or custom scripts - you will not be able to customize alert dialog.

very, very simple sample:

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