Jquery blokckUI 快速入门

$("#btnSubmit").click(function() {
    $.blockUI({
        message : $("#loginForm"),
        css : {
            width : '300px',
            height : '300px',
            left : ($(window).width() - 300) / 2 + 'px',
            top : ($(window).height() - 300) / 2 + 'px',
            border : 'none'
        }
    });
});
$("#btnLogin").click(function() {
    $.blockUI({
        message : "<h2>正在登录，请稍候……</h2>",
        css : {
            border : '1px solid black'
        }
    });
    setTimeout(function() {
        $.unblockUI()
    }, 1000);
});
$("#btnCancel").click(function() {
    $.unblockUI();
});


ajax

$(document).ajaxStart($.blockUI).ajaxStop($.unblockUI);