当前位置：文江博客话题详情

jquery 带有背景蒙版的警报。？

发布于 2024-12-02 13:57:20 字数 225 浏览 2 评论 0原文

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

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

喜欢这里的演示=> http://thrivingkings.com/apprise/

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

他不在意 2024-12-09 13:57:20

在演示中，您拥有带有很多选项的定制解决方案。如果不使用任何插件或自定义脚本 - 您将无法自定义警报对话框。

非常非常简单的示例：

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

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

回复收藏 0 原文

~没有更多了~