Javascript Mootools jquery'；s blockUI等价物

我正在搜索用于mootools的jquery插件blockUI功能。您知道mootools在给定时间内阻止浏览器的一些插件或简单方法吗？

这里有一些代码可以让您开始使用

将其从我的插件中删除：

---

您所需要的只是您在顶部/柜台上显示的内容。这很简单

这里有一些代码可以帮助您开始

将其从我的插件中删除：

---

您所需要的只是您在顶部/柜台上显示的内容。这很简单

阻止什么？UI线程？在屏幕上？你试过mootools forge吗？你看过mootools了吗？我需要为用户设置20秒的块浏览器，带有倒计时和信息，请稍候：

setTimeout（function（）{$.unbui（{onUnblock:function（）{$.ajax（{url:'x4 wynik walki.php'，[…]                     });                 }             })        },10000);' 我想，我已经找到了我需要的东西：DavidWalsh的overlay插件。我现在需要弄清楚如何在覆盖层上放置一个带倒计时的方框，并设置20秒的超时时间。谢谢你的建议。看看我写的这个插件吧——它甚至不需要任何js，只需要标记就可以了——尽管你可以用它做任何你喜欢的事情。阻止什么？UI线程？在屏幕上？你试过mootools forge吗？你看过mootools了吗？我需要为用户设置20秒的块浏览器，带有倒计时和信息，请稍候：
setTimeout（function（）{$.unbui（{onUnblock:function（）{$.ajax（{url:'x4 wynik walki.php'，[…]                     });                 }             })        },10000);' 我想，我已经找到了我需要的东西：DavidWalsh的overlay插件。我现在需要弄清楚如何在覆盖层上放置一个带倒计时的方框，并设置20秒的超时时间。谢谢你的建议。看看我写的这个插件吧——甚至不需要任何js，只需要标记就可以了——尽管你可以用它做任何你喜欢的事情。谢谢！！我不知道为什么我没有使用你的插件。。。我见过他很多次。。。测试和使用时间到了。谢谢！！我不知道为什么我没有使用你的插件。。。我见过他很多次。。。测试和使用的时间。
(function() {

this.Modal = {};

Element.implement({
    diffuse: function(position){
        return this.setStyles({
            position: position || 'absolute',
            top: 0,
            bottom: 0,
            left: 0,
            right: 0,
            height: '100%',
            width: '100%'
        });
    }
});

Modal.Overlay = new Class({

    Implements: [Events, Options],

    options: {
        zIndex: 900000,
        opacity: .3,
        backgroundColor: '#555',
        fx: {
            duration: 300
        }
    },

    initialize: function(container, options){
        this.setOptions(options);
        this.container = document.id(container);
        var self = this;
        this.element = new Element('div', {
            'class': 'overlay',
            styles: {
                display: 'none',
                opacity: 0,
                zIndex: this.options.zIndex,
                backgroundColor: this.options.backgroundColor
            },
            events: {
                click: function() {
                    self.fireEvent("overlayClick");
                }
            },
            tween: this.options.fx
        }).diffuse('fixed').inject(this.container);
        return this;
    },

    show: function(){
        this.element.setStyle("display", "block").fade(this.options.opacity);
        return this.fireEvent("show");
    },

    hide: function(){
        this.element.fade(this.options.opacity).get("tween").chain(function() {
            this.element.setStyle("display", "none");
        });
        return this.fireEvent("hide");
    }

});

})();

var modal = new Modal.Overlay(document.body, {
    hideAfter: 5,
    onHide: function() {
        // do something.
    }
}).show();


modal.hide.delay(3000, modal);