JS插件 BLUCK_UI 遮罩工具

一、导入JS包,引入JS。

二、<div id='msg' style='font-size: 12px; color: red;height: 150px;overflow: auto;'></div>

三、自动义的两丰方法,打开遮罩,关闭遮罩。

function openBlock(setting, exptDomain){

$.blockUI({ 

        fadeIn: 1000, 

        fadeOut: 1000,

        message: '<img src="../common/images/loading.gif" style="vertical-align:middle;padding-right:2px;width:30px;height:30px"/>&nbsp;<font color="black">数据处理中,请稍等...</font>',

        overlayCSS: { 

        opacity: .2

        },

        css: { 

        'font-color':'#fff',

            width: '200px', 

            border: '1px solid #000', 

            padding: '5px', 

            backgroundColor: '#fff', 

            '-webkit-border-radius': '10px', 

            '-moz-border-radius': '10px', 

            opacity: 1, 

            color: '#fff',

            baseZ: 9999, 

            'z-index':'9999'

        }

//        onBlock: function() { 

//        exportData(setting, exptDomain);

//        } 

    });

}

function closeBlock(setting, exptDomain){

$.unblockUI();

}

猜你喜欢

转载自xinjiatao.iteye.com/blog/2338004